checkbox全选反选

checkbox全选反选十分简单以下代码一看便知

<tr>
    <th class="center">
        <label class="pos-rel">
            <input type="checkbox" class="ace" id="selectAll"/>
            <span class="lbl"></span>
        </label>
    </th>
  <%--  <th>病人卡号</th>--%>
    <th>姓名</th>
    <th>性别</th>
    <th>手机</th>
    <th>地址</th>
    <th>电子邮箱</th>
    <th>出生年月</th>
    <th>卡类别</th>
    <th>卡余额</th>
    <th>消费金额</th>
    <th>办卡日期</th>
</tr>

$("#selectAll").click(function() {
    // 获得上面的复选框
    var $selectAll = $("#selectAll");

    if ($selectAll.prop("checked") == true) {
        // 上面的复选框已被选中
        $(":checkbox[name='cid']").prop("checked", true);
    } else {
        // 上面的复选框没被选中
        $(":checkbox[name='cid']").prop("checked", false);
    }
});

转载于:https://www.cnblogs.com/cuiguangpeng/p/10839064.html