Я пытаюсь установить флажок «Выбрать все» в форме HTML с помощью JQuery 1.9.1. Насколько я могу судить, это должно быть так же просто, как использовать .prop, чтобы установить или снять флажок, но ничего, что я пытаюсь, похоже, работает.флажки проверки jQuery не работают
Пожалуйста, см. Ниже, что я пробовал, я прокомментировал некоторые неудачные попытки, и я не могу заставить это работать даже на один флажок. Каков правильный способ сделать это? Я что-то упустил, возможно, в HTML?
HTML
<input type="checkbox" id="cb_select_all" name="cb_select_all" value="t" />
<label for="cb_select_all"><b>Select All</b>
</label>
<br />
<input type="checkbox" name="cb1" id="cb1" class="cb_all" value="t" />
<label for="cb1">1 test</label>
<br />
<input type="checkbox" name="cb2" id="cb2" class="cb_all" value="t" />
<label for="cb2">2 test</label>
Javascript
$(document).ready(function() {
$("#cb_select_all").change(cb_select_all_onchange);
}); //end $(document).ready
function cb_select_all_onchange() {
if ($("#cb_select_all").checked) {
//$("#cb1").prop("checked", true);
//$(".cb_all").each(function(){ this.checked = true; });
//document.getElementById("cb1").checked = true;
$(".cb_all").prop("checked", true);
} else {
$("#cb1").prop("checked", false);
}
}
http://jsfiddle.net/mLnb5qed/5/
Спасибо, JDT
Вы используете селектор ID, '[0]' не нужен, если происходит незаконный HTML. Кроме того, '.checked' - это свойство DOM, а не свойство jQuery. –
@SterlingArcher хорошо, вы серьезно должны знать вещи, я полагаю. Я тоже сказал, что '.checked' является свойством DOM. –
К сожалению, я полностью пропустил это! Ты прав, мой плохой! –