Как сделать checkbox чтобы по одному нажатию выделялись сразу все чекбоксы в форме
javascript (джаваскрипт) / HTML (хтмл)
Тэги: checkbox form javascript полезные скрипты html формы html checkbox
Тэги: checkbox form javascript полезные скрипты html формы html checkbox
📅20-05-2018 👁639
Рассмотрим для примера движок DLE версии до 11.1. Там при редактировании комментариев невозможно выделить сразу все чекбоксы, и приходится вручную каждый чекбокс выделять. Чтобы сделать выделение всех чекбоксов по одному нажатию мышки нужно добавить небольшой кусок javascript кода.
Например наша форма html выглядит так:
<form action="" method="post" name="editnews">
<input name="selected_comments[]" value="5084" type="checkbox"> какой кто текст
<input name="selected_comments[]" value="5086" type="checkbox"> какой кто текст
</form>
Для начала добавляем еще один чекбокс, при нажатии на который будут выделятся сразу все чекбосы на странице. Вставляем его между тегами form, а в элементы checkbox добавляем id:
<form action="" method="post" name="editnews">
<input name="selected_comments[]" id="testtt" value="5084" type="checkbox"> какой кто текст
<input name="selected_comments[]" id="testtt" value="5086" type="checkbox"> какой кто текст
<label for="checkall"><b>check all</b></label> <input type="checkbox" id="checkall" name="checkall" onclick="all_checkbox_checked(this.form.testtt)" /><br>
</form>
Осталось добавить джаваскрипт код:
function all_checkbox_checked(radiolist) {
for (var i=0; i< radiolist.length; i++){
if (document.getElementById("checkall").checked == true) {radiolist[i].checked = true;}
else {
radiolist[i].checked = false;
}
}
};
Чтобы это работало в движке ДЛЕ изменения нужно сделать в файле: engine/inc/comments.php
Оставить свой ответ: