Опишу разные варианты, которые позволяют установить/снять флажок, или свойство «checked» в поле
|
1 2 3 |
<input type="checkbox" class=”mycheck”> |
Все варианты используют JQuery.
1) Установить флажок:
|
1 2 3 |
$('.mycheck').attr("checked",true); |
Здесь есть одна особенность, если вы один раз установили свойство checked, то повторно эта команда больше не отработает.
2) Снять флажок:
|
1 2 3 |
$('.mycheck').attr("checked",false); |
Используем метод prop()
3) Установить флажок:
|
1 2 3 |
$('.mycheck').prop("checked",true); |
4) Снять флажок:
|
1 2 3 |
$('.mycheck').prop("checked",false); |
5) Установить/убрать свойство .checked:
|
1 2 3 4 |
$('.mycheck')[0].checked = true; $('.mycheck')[0].checked = false; |
Или
|
1 2 3 4 |
$('.mycheck').each(function(){ this.checked = true; }); $('.mycheck').each(function(){ this.checked = false; }); |
Чтобы проверить, установлен флажок или нет:
|
1 2 3 |
$('.mycheck').is(':checked'); |
Чтобы удалить все флажки:
|
1 2 3 |
$('.mycheck').removeAttr('checked'); |
Пример функции на проверку флажка
|
1 2 3 4 5 6 7 8 9 10 |
if ($('.mycheck:checked').val() != undefined) { //Checked } else { //Not checked } |
Отберем все инпут одинакового класса, с одинаковым именем, но, к примеру, с разным значением value
|
1 2 3 |
$("input.mycheck[name='myname'][value='the_value']").prop("checked", true); |
Установим признак checked, заблокируем поле, уберем признак checked, разблокируем
|
1 2 3 4 5 6 |
$('input[type="checkbox"]').prop("checked",true); $('input[type="checkbox"]').filter(":checked").prop("disabled",true) $('input[type="checkbox"]').prop("checked",false); $('input[type="checkbox"]').filter(":not(':checked')").prop("disabled",false) |
