jquery-实现全选与不全选

jquery代码：

创新互联2013年至今，是专业互联网技术服务公司，拥有项目网站设计制作、成都网站设计网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元隆子做网站,已为上家服务,为隆子各地企业和个人服务,联系电话:18980820575

省略引用jquery代码。

<script type="text/javascript">

//全选
    $(function() {
        $("#selectAll").click(function() {
            if (this.checked) {
                $("#chapterlist :checkbox").each(function() {
                    this.checked = true;
                });
                $("#selectAll").attr("value", "反选");
            } else {
                $("#chapterlist :checkbox").each(function() {
                    this.checked = false;
                });
                $("#selectAll").attr("value", "全选");
            }
        });

        //设置全选复选框
        $("#chapterlist :checkbox[name!=all]").click(function() {
            allchk();
        });

        function allchk() {
            var objs = $("#chapterlist :checkbox[name!=all]");
            var chknum = objs.size();//选项总个数
            var chk = 0;
            objs.each(function(index, o) {
                if ($(o).is(":checked")) {
                    chk++;
                }
            });
            if (chknum == chk) {//全选
                $("#selectAll").attr("checked", true);
            } else {//不全选
                $("#selectAll").attr("checked", false);
            }
        }

    });
</script>
主体内容：
<table class="content" border="0" id="chapterlist">
                    <tr style="font-weight: bold;" class="listfirst">
                        <td width="10%">
                            <s:checkbox id="selectAll" fieldValue="" name="all"
                                onclick="selectAll()"></s:checkbox>
                            全选
                        </td>
                    </tr>
                    <s:iterator value="recordList" status="status">
                        <tr class="listcontetn">
                            <td width="10%">
                                <s:checkbox fieldValue="%{chapterId}" name="chapterIds"></s:checkbox>
                            </td>
                        </tr>
                    </s:iterator>
                </table>

文章标题：jquery-实现全选与不全选
URL地址：https://www.cdcxhl.com/article12/jeepdc.html

成都网站建设公司_创新互联，为您提供品牌网站制作、网站收录、品牌网站建设、企业网站制作、微信小程序、营销型网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联