|
|
|
| Есть главный checkbox, обрабатывается функцией, все работает на ура.
Но, он находиться сверху над списком других checkbox. Вставляю главный checkbox снизу остальных, он не работает. Работает только верхний.
например:
главный checkbox
1checkbox
2checkbox
3checkbox
4checkbox
главный checkbox
Как сделать, чтоб нижний то же выделял все checkbox
<input type="checkbox" id="selall" value="1" class="checkbox"> // главный checkbox
<input type=checkbox class="checkbox" name='checkbox[]' value="<?=$product['goods_id']?>">
<input type=checkbox class="checkbox" name='checkbox[]' value="<?=$product['goods_id']?>">
<input type=checkbox class="checkbox" name='checkbox[]' value="<?=$product['goods_id']?>">
<input type=checkbox class="checkbox" name='checkbox[]' value="<?=$product['goods_id']?>">
<input type="checkbox" id="selall" value="1" class="checkbox"> // главный checkbox
|
Обработчик
$(function () {
$("#selall").click(function () {
if (!$("#selall").is(":checked")){
$('input[type=checkbox]').attr("checked",false);
}
else{
$('input[type=checkbox]:not(:checked)').attr("checked","checked");
}
});
});
|
| |
|
|
|
|
|
|
|
для: clubxaliav
(14.01.2016 в 14:16)
| | id="selall"
должен быть уникальным и не должен повторяться в структуре DOM
замените на class | |
|
|
|
|
|
|
|
для: Valick
(14.01.2016 в 14:48)
| | Заменил на class, нижнее выделение сработало, но перестала убирать все checkbox. Они постоянно выделены. Что не так?
<input type="checkbox" class="selall" value="1" />
|
$(function () {
$(".selall").click(function () {
if (!$(".selall").is(":checked")){
$('input[type=checkbox]').removeAttr("checked");
}
else{
$('input[type=checkbox]:not(:checked)').attr("checked","checked");
}
});
});
|
| |
|
|
|
|
|
|
|
для: clubxaliav
(14.01.2016 в 15:09)
| |
<script>
$(function() {
$('#setall').change(function() {
$('input.set').prop('checked', this.checked)
})
});
</script>
<label><input type="checkbox" id="setall" /> All</label>
<label><input type="checkbox" class="set" /> One</label>
<label><input type="checkbox" class="set" /> Two</label>
<label><input type="checkbox" class="set" /> Three</label>
|
| |
|
|
|
|
|
|
|
для: confirm
(14.01.2016 в 15:53)
| | Ваш метод работает, только поменял id на class - тогда нижний главный заработал!
Спасибо! | |
|
|
|
|
|
|
|
для: clubxaliav
(14.01.2016 в 16:11)
| | Если управлять двумя, то мало изменения на имя класса, нужно управлять и оппозитным флажком Все:
$('input.setall').change(function() {
$('input.set, input.setall').prop('checked', this.checked)
})
|
| |
|
|
|
|
|
|
|
для: confirm
(19.01.2016 в 17:02)
| | Воспользовался, благодарю. | |
|
|
|