首页 > 网站 > WEB开发 > 正文

Jq遍历全选全不选反选

2024-04-27 15:02:37
字体:
来源:转载
供稿:网友
//全选 全不选 $('#checkAll').click(function () {        //判断是否被选中        var bischecked = $('#checkAll').is(':checked');        var fruit = $('input[name="check"]');        bischecked ? fruit.attr('checked', true) : fruit.attr('checked', false);   });//反选   遍历checkbox 如果当前为选中 就设置为 不选中 反之相同    $("#tabVouchList tr").each(function () {        if ($("td:eq(0) input[name='check']", $(this)).is(':checked')) {            $(this).attr('checked', false);        } else {            $(this).attr('checked', true);        }    });

 HTML table

        <table id="tabVouchList">            <tr>                <th>                    <input type="checkbox" name="checkAll" />                </th>                <th>                    行号                </th>                <th>                    名称                </th>            </tr>            <tr>                <td>                    <input type="checkbox" name="check" />                </td>                <td>                    行号                </td>                <td>                    名称                </td>            </tr>        </table>

 


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表