jquery 实现全选和反选

最新推荐文章于 2025-09-07 22:29:54 发布

weixin_30341735

最新推荐文章于 2025-09-07 22:29:54 发布

阅读量58

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/suntanyong88/p/4703843.html

本文介绍了一种实现全选、反选功能的方法，并通过JavaScript实现对复选框的选择状态进行控制。此外，还展示了如何通过遍历已选中的复选框来获取其值并进行批量修改操作。

全选和反选

<input type="checkbox" id="chk_all" />
<input type="checkbox" name="newsletter" value="0" />
<input type="checkbox" name="newsletter" value="4" />
<input type="checkbox" name="newsletter" value="16" />

 $("#chk_all").click(function () {
       $("input[name='newsletter']").attr("checked", this.checked);
  });

操作人	操作人类型	组织编码	操作
liming	USER	e350e212-eb88-9350-4bc7-fa16dd433d0d	编辑
wangli5	USER	1	编辑
liming	123	213123	编辑
liumh	USER	12	编辑
liumh	USER	3	编辑
fanhy	USER	1001	编辑
wangli5	USER	2112	编辑
fanhy	USER	rt	编辑
fanhy	USER	34	编辑
fanhy	USER	3	编辑

批量修改的代码

function Update() {
    var str = '';
    $("input[name='newsletter']:checked").each(function (index) {
        str += $("input[name='newsletter']:checked").eq(index).val() + ',';
    });

    if (str == '') {
        alert("请勾选要修改的数据");
    }
    else {
	alert("你选择的数据是"+str);
    }
}

转载于:https://www.cnblogs.com/suntanyong88/p/4703843.html