Как снять и обновить данные с помощью флажка jQuery

Question

У меня есть 4 кнопки в этом коде. При выборе кнопки «все» я хотел бы, чтобы остальные 3 кнопки снимали и обновляли. Вот что у меня есть:

$('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); } 
    } 
}); 

Вот является jsfiddle кода: http://jsfiddle.net/ZHvYH/ Может кто-нибудь помочь?

Answer 1

Обновленный 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

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

    } 

Возможно, вам нужна небольшая настройка. Я не тестировал, я записываю, как я себе представлял.

надеюсь, что это помогает ..

Answer 3

При проверке #ALL, удалите атрибут checked от всех остальных флажков, а затем обновить их.

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/