0
我在剃刀下面的代码和HTML:Razor,HTML,jQuery:如何选中/取消选中所有复选框?
@:<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按钮在单击时不会执行任何操作。我如何得到预期的行为?
谢谢。
使用'.prop( '检查',假)',而不是'removeAttr(..)' – Vijai
@Vijai感谢.. – ITWorker