码迷,mamicode.com
首页 > 其他好文 > 详细

Jq 遍历 全选 全不选 反选

时间:2015-11-19 12:45:08      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:

//全选 全不选
 $(‘#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>

 

Jq 遍历 全选 全不选 反选

标签:

原文地址:http://www.cnblogs.com/su-king/p/4976911.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!