Checkbox - выделить все
Этот урок покажет как создать, чтобы при выделении последнего checkbox'a автоматически выделялись все верхние, при снятии галочки с нижнего checkbox'a, с верхних галочка также автоматически снимались.
Чтобы использовать данный скрипт, Вам необходимо скопировать данный код:
| <script type="text/javascript"> function setChecked(obj) { var str = document.getElementById("text").innerHTML; str = (str == "отметить" ? "снять" : "отметить"); document.getElementById("text").innerHTML = str; var check = document.getElementsByName("id[]"); for (var i=0; i<check.length; i++) { check[i].checked = obj.checked; } } </script> |
| <form action="" method="post"> Что Вас больше всего интересует на нашем сайте?<br> <input type="checkbox" name="id[]" value="1"> Уроки <br> <input type="checkbox" name="id[]" value="2"> Шаблоны <br> <input type="checkbox" name="id[]" value="3"> Программы <p> <input type="checkbox" name="set" onclick="setChecked(this)"> <span id="text">отметить</span> все </p> </form> |
И вставить туда, где бы Вы хотели его видеть.
источник http://wcoders.com
