سلام! رونیکا رسول زاده هستم وب دیولوپر
پست امروز درمورد checkbox که مال html و با این تقریبا میشه از شر js خلاص شد
موضوع اینه که html , css هر دو state دارن که مال html دو حالت داره یا checked یا unchecked که css میتونه اینا رو تشخیص بده
<input type="checkbox" id="toggle"> <label for="toggle">show</label> <div class="box">here </div>
توی این کد html با یه checkbox داریم و یه نوشته که روش کلیک کنیم و یه باکسی که قراره نشون داده بشه
.box { display: none; } #toggle:check ~ .box { display: block; }
توی این کد css اول داریم باکس دیده نشه و بعد اگر checkbox اوکی بود باکس دیده بشه ~: یعنی وقتی checkbox اوکی بود بهش استایل بده در مواقعی این شکل امکان پذیر نیست که چند تا شرط داشته باشیم اون موقع باید حتما از js استفاده بشه
خوشحال میشم نظرات و پیشنهاداتون رو با من به اشتراک بزارید
