Установите все флажки, не работающие, включая jsfiddle

Question

Установите все флажки, не работающие, включая jsfiddle

0

Я искал здесь темы, и никакие решения для меня не работали, кто-нибудь знает, что происходит с этой скрипкой? http://jsfiddle.net/9dLGD/ Спасибо

 $(document).ready(function () {
     $(function () {
         $('#SelectAll').click(function () {
             $('#Suppliers').find(':checkbox').attr('checked', this.checked);
         });
     });
 });
<input name="SelectAll" type="checkbox">Select All
<input name="Suppliers" type="checkbox" value="1">Bob
<input name="Suppliers" type="checkbox" value="2">Bill
<input name="Suppliers" type="checkbox" value="3">Sandy
<input name="Suppliers" type="checkbox" value="4">Sue
<input name="Suppliers" type="checkbox" value="5">Fred

AlexW 23 янв. 2014, в 18:24

Источник

Теги:

jquery

4 ответа

2

Несколько вещей:

-You имеют две функции готовности DOM

-You не имеет ничего с идентификатором Suppliers, у вас есть name !

-Use .prop() для изменения атрибутов

$(document).ready(function() {
    $("[name=SelectAll").change(function() {
        $(":checkbox[name=Suppliers]").prop("checked", this.checked);
    });
});

Демо: http://jsfiddle.net/9dLGD/1/

tymeJV 23 янв. 2014, в 15:40

0

Попробуйте следующее:

 $(document).ready(function () {             
         $('#SelectAll').click(function () {
             $('input[name=Suppliers]:checkbox').attr('checked', true);
         });
 });

Girish Vadhel 23 янв. 2014, в 15:56

0

Мне нравится Felix, но я всегда использую случай отмены проверки, чтобы снять отметку с них:

$(function(){
  $('input[name="SelectAll"]').click(function(){
    if ($(this).prop('checked')) $('input[name="Suppliers"]').prop('checked', true);
    else $('input[name="Suppliers"]').prop('checked', false);
  });
});

jdp 23 янв. 2014, в 15:49

Ещё вопросы

Felix · Accepted Answer · 2014-01-23T15-32-00.000Z

Похоже, вы этого хотите:

$('input[name=SelectAll]').click(function () {
    $('input[name=Suppliers]').prop('checked', this.checked);
 });

В вашем HTML нет id с именем SelectAll или Suppliers. Или добавьте эти идентификаторы в эти два флажка или используйте выше код, который выбирает элементы input по их именам.

Обновленный скрипт

Зачем ему «добавлять эти идентификаторы в свои флажки»? идентификатор должен быть уникальным.
@ BenjaminPaul, может быть, вы не понимаете, что я имею в виду. Я предлагаю ему добавить два ids : SelectAll и Suppliers в первые два флажка
Какая польза от опции «Выбрать все»? идентификатор позволил бы ему выбрать только один ... в этом случае он мог бы просто сделать еще один флажок, как он имеет.