Проверьте все флажки с JQuery

Question

$(document).ready(function(){
    function set_checked {
        alert('test'); 
        $('*:checkbox').attr('checked', checked);
    }
}); 

И этот HTML

<input onclick="set_checked()" value="Check all" type="button" />

По какой-то причине не работает. Нет оповещения или ничего.

Answer 1

У вас есть несколько проблем,

• пропущенные скобки в set_checked определении функции
• неопределенная переменная checked
• onclick ссылается на глобальную функцию, которая не является действительно глобальной

В jQuery лучше добавить событие click к элементу с помощью метода jQuery click. Вот как правильно сделать это с помощью jQuery.

$(document).ready(function(){
    // If you want to use the `set_checked` function elsewhere do this
    function set_checked() {
        $('*:checked').attr('checked', true);
    }
    $('#check_all').click(set_checked);

    // If you are only doing `set_checked` on the button press do this
    $('#check_all').click(function() {
        $('*:checked').attr('checked', true);
    });
});

<input id="check_all" value="Check all" type="button"/>

Answer 2

$('*:checkbox').attr('checked', checked);

предположительно разрешается как

$('*:checkbox').attr('checked', undefined);

Вы должны иметь

$('*:checkbox').attr('checked', 'checked');

Answer 3

try:

function set_checked() {
        alert('test'); 
        $('*:checkbox').attr('checked', 'checked');
    }

Вы забыли ()

Редактировать: как было сказано ниже, проверяемая строка должна быть.

Answer 4

Вы определили функцию set_checked внутри функции, что означает, что она не находится в глобальной области видимости и не может быть доступна посредством события щелчка ввода.

Answer 5

Замените весь пример кода:

  $(document).ready(function(){
    function set_checked {
        alert('test'); 
        $('*:checkbox').attr('checked', checked);
    }
 }); 

на:

function set_checked() {
    alert('test'); 
    $('*:checkbox').attr('checked', 'checked');
}

Как уже упоминалось, вам нужно () в определении вашей функции и кавычки вокруг «проверено»,но вам также нужна функция, определенная в глобальной области видимости, а не в обработчике jquery onready.

Answer 6

Примечание: нет смысла размещать ваши функции внутри $(document).ready();, это для вещей, которые должны запускаться при запуске.

Обновление:

Я приведу пример того, как вы хотите сделать это во всем стиле jQuery.

HTML:

<p><input id='test' type='submit' value='Click me' onclick='checkAll();' /></p>
<p>Let's see:</p>
<ul>
    <li><input type='checkbox'></li>
    <li><input type='checkbox'></li>
    <li><input type='checkbox'></li>
</ul>

JavaScript:

$(document).ready(function () {
    $('#test').click(function (event) {
        $('input[type="checkbox"]').attr('checked', 'checked');
    });
});

Вы можете проверить это здесь .

Answer 7

Вы не создаете функцию должным образом. Вам нужно добавить () между set_checked и {.

Answer 8

Сделайте вашу функцию JavaScript:

function set_checked() {
    alert('test');
    $('input:checkbox').attr('checked', 'checked'); 
}

Ваша функция была определена неправильно, поскольку в определении имени отсутствовали скобки.

РЕДАКТИРОВАТЬ: также отсутствовали кавычки в отмеченном атрибуте. Также сделал селектор более явным.