Включить / выключить флажки

Question

У меня есть следующее:

$(document).ready(function()
{
    $("#select-all-teammembers").click(function() {
        $("input[name=recipients\\[\\]]").attr('checked', true);
    });                 
});

Я бы хотел, чтобы id="select-all-teammembers" при нажатии переключался между отмеченным и не отмеченным.Идеи?это не десятки строк кода?

Answer 1

Установка 'флажок' или null вместо true или false соответственно сделает работу.

// checkbox selection
var $chk=$(':checkbox');
$chk.prop('checked',$chk.is(':checked') ? null:'checked');

Answer 2

, я думаю, самый правильный человек, предложивший нормальный вариант - это GigolNet Gigolashvili, но я хочу предложить еще более красивый вариант.Проверьте это

$(document).on('click', '.fieldWrapper > label', function(event) {
    event.preventDefault()
    var n = $( event.target ).parent().find('input:checked').length
    var m = $( event.target ).parent().find('input').length
    x = n==m? false:true
    $( event.target ).parent().find('input').each(function (ind, el) {
        // $(el).attr('checked', 'checked');
        this.checked = x
    })
})

Answer 3

Ну, есть более простой способ

Сначала дайте вашим флажкам пример класса 'id_chk'

Затем внутри флажка, который будет контролировать состояние флажков 'id_chk', поставьте:

<input type='checkbox' onchange='js:jQuery(".id_chk").prop("checked", jQuery(this).prop("checked"))' />

Вот и все, надеюсь, это поможет