Razor、HTML、jQuery：すべてのチェックボックスをオン/オフにする方法は？

Question

私はカミソリやHTMLで次のコードがあります。

@:<td> 
      <input class="privcheck" 
       type="checkbox" 
       name="selectedPrivileges" 
       value="@priv.PrivilegeID" 
      @(Html.Raw(priv.Assigned ? "checked=\"checked\"" : "")) /> 
      @priv.PrivilegeName 

    @:</td> 

<button id="checkallprivs"> 
    Select All 
</button> 

<button id="uncheckallprivs"> 
    Deselect All 
</button> 

そして次jQueryの：私はボタン "すべて選択" をクリックすると

$("#checkallprivs").button(); 
$("#uncheckallprivs").button(); 

$(document).on("click", "#checkallprivs", function (event) { 
        event.preventDefault(); 
        $('.privcheck:checkbox').attr('checked', 'checked'); 

       }); 

$(document).on("click", "#uncheckallprivs", function (event) { 
        event.preventDefault(); 
        $('.privcheck:checkbox').removeAttr('checked'); 
       }); 

、それはすべてのボックスをチェックします。その後、「すべて選択解除」をクリックすると、すべてのチェックボックスのチェックが外されます。しかし、問題は、Deselctボタンをクリックすると、Select Allボタンはクリックされても何もしないことです。期待される行動をどうやって得ることができますか？

ありがとうございます。

Answer 1

私はprop()代わり

$(document).on("click", "#checkallprivs", function (event) { 
    event.preventDefault(); 
    $('.privcheck:checkbox').prop('checked', true); 

}); 

$(document).on("click", "#uncheckallprivs", function (event) { 
    event.preventDefault(); 
    $('.privcheck:checkbox').prop('checked', false); 
});