按鈕，將取消選中所有複選框？

Question

我有一個存儲在cookie中的複選框。

這裏是jQuery代碼：

//JQuery that will set the checkbox in it's current state 
$("#checkAll").on("change", function() { 
    $(':checkbox').not(this).prop('checked', this.checked); 
    }); 

    $(":checkbox").on("change", function(){ 
    var checkboxValues = {}; 
    $(":checkbox").each(function(){ 
     checkboxValues[this.id] = this.checked; 
    }); 
    $.cookie('checkboxValues', checkboxValues, { expires: 7, path: '/' }) 
    }); 

    function repopulateCheckboxes(){ 
    var checkboxValues = $.cookie('checkboxValues'); 
    if(checkboxValues){ 
     Object.keys(checkboxValues).forEach(function(element) { 
     var checked = checkboxValues[element]; 
     $("#" + element).prop('checked', checked); 
     }); 
    } 
    } 

    $.cookie.json = true; 
    repopulateCheckboxes(); 

上面的代碼完美地工作，但是當我嘗試使用一個按鈕來取消他們不取消的。

這裏是我使用的功能：

$("#UncheckAll").click(function(){ 
    $("input[type='checkbox']").prop('checked',false); 
}); 

我該怎麼辦？有人能幫助我嗎？

Answer 1

試試這個

$("#UncheckAll").click(function(){ 
    $('input:checkbox.class').prop('checked',false); 
}); 

或這如果不是有共同的階級

$("#UncheckAll").click(function(){ 
    $(':checkbox').prop('checked',false); 
}); 

Answer 2

給所有複選框類如MyClass的。然後使用jQuery。

在document.ready功能

$.cookie("checkboxValues", null);//checkboxValues is the name of your cookie 

刪除您的Cookie的jQuery 1.6+

$("#UncheckAll").click(function(){ 
    $('input:checkbox:checked.myclass').prop('checked',false); 
}); 

的jQuery 1.5

$("#UncheckAll").click(function(){ 
    $('input:checkbox:checked.myclass').attr('checked',false); 
});