如何使用复选框jQuery取消选中和刷新数据

Question

I have 4 buttons in this code. When selecting the "all" button, I would like the other 3 buttons to uncheck and refresh. Here is what I have:

$('div.regions').find('input:checked').each(function () {
    var id = this.id;
    var now = moment();
    if (id == "ALL")
    {
        if (item.Date >= now){ data.push(item); }

    }
    else if (id == item.Region)
    {
        if (item.Date >= now){ data.push(item); }
    }
});

Here is a jsfiddle of the code: http://jsfiddle.net/ZHvYH/ Can anyone help?

Answer 1

Updated the JSFiddle - http://jsfiddle.net/ZHvYH/5/

var checkboxes = $('div.regions input[type="checkbox"]:not([id="ALL"])');

$('div.regions input[type="checkbox"]').on({
    'change': function(){
        var checkbox = $(this);

        if(checkbox.attr('id') == 'ALL'){
            checkboxes.prop('checked',checkbox.prop('checked')).checkboxradio('refresh');
        }
        else {
            $('#ALL').prop('checked',(checkboxes.length == $('div.regions input[type="checkbox"]:checked:not([id="ALL"])').length)).checkboxradio('refresh');
        }
    }
});

Answer 2

When you check #ALL , remove the checked attribute from all the other checkboxes, and then refresh them.

var checkboxes = $('div.regions input[type="checkbox"]:not([id="ALL"])');

$('#ALL').on({
    'click': function(){
        if (this.checked) {
            checkboxes.removeAttr('checked').checkboxradio("refresh");
        }
    }
});

http://jsfiddle.net/ZHvYH/6/

Answer 3

 if (id == "ALL")
    {
        if (item.Date >= now){ data.push(item); }
    $('input[type=checkbox]').each(function () {
         this.checked ? this.attr('checked', false) : null   ;
    });

    }

Maybe you need a bit of tweaking..i don't tested, i write down as i imagined.

hope this helps..