jQuery 的全选（全非选），即取得被选中的值

最新推荐文章于 2024-08-16 19:02:09 发布
最新推荐文章于 2024-08-16 19:02:09 发布
阅读量705 收藏
点赞数
分类专栏： Jquery JavaScript 文章标签： javascript jquery js checkbox
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiuwutiandimengzhu/article/details/15503651
版权
页面代码 
<body>
    <div>
    <input id="checkall" type="checkbox" value="天" />全部<br/>
    <div id="con">
    <input type="checkbox" name="checkbox" value="天" />天
    <input type="checkbox" name="checkbox" value="空" />空
    <input type="checkbox" name="checkbox" value="飞" />飞
    <input type="checkbox" name="checkbox" value="来" />来
    <input type="checkbox" name="checkbox" value="五" />五
    <input type="checkbox" name="checkbox" value="个" />个
    <input type="checkbox" name="checkbox" value="字" />字
    <input type="checkbox" name="checkbox" value="这" />这
    <input type="checkbox" name="checkbox" value="都" />都
    <input type="checkbox" name="checkbox" value="不" />不
    <input type="checkbox" name="checkbox" value="算" />算
    <input type="checkbox" name="checkbox" value="事" />事</div>
    </div>
    <script src="Scripts/jquery-1.4.1.js" language="javascript"></script>
    <script src="JqueryAll.js" language="javascript"></script>
</body>

js中的代码

/*js部分
* 绑定批量选定/非选
* 例子
*/

$(function () {
    $("#checkall").click(function () {
        var stu = $(this).attr("checked");
        checkAll(stu);
    })
    $("input[name='checkbox']").click(function () {
        uncheckAll();
    })
})
function checkAll(status) {
    $("input[name='checkbox']").each(function () {
        $(this).attr("checked");
        $(this).attr("checked", status);
    })
}

function uncheckAll() {
    alert($("input[name='checkbox']:checked").length);
    if ($("input[name='checkbox']:checked").length == $("input[name='checkbox']").length) {
        $("#checkall").attr("checked",true);
    }
    else {
        $("#checkall").attr("checked", false);
    }
}



天地盟主
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery 的全选(全非选)即取得被选中的值使用介绍
10-26
在这个问题中，我们关注的是如何使用 jQuery 实现全选（selectAll）和全非选（unselectAll）功能，以及获取选中值的操作。这个功能在诸如表格复选框选择、多选项筛选等场景中非常常见。 首先，来看一下给出的 HTML ...
checkbox使用jquery全选-反选-取得选中的值-Housl.zip
05-11
这个压缩包文件"checkbox使用jquery全选-反选-取得选中的值"中应该包含了完整的HTML、CSS和JavaScript代码示例，你可以下载并运行以更好地理解和实践这些功能。通过学习和掌握这些技术，你可以轻松地在项目中实现复...
jQuery 的全选（全非选），取得被选中的值
JAVA
12-02 110
&lt;!-- jQuery全选(全不选择) --&gt; &lt;form action=""&gt; &lt;table&gt; &lt;tr&gt; &lt;td&gt;&lt;input type="checkbox" name="checkName" value="旅游" onclick="unChec
Jquery实现全选和反选并获取选中行
weixin_34341117的博客
07-12 83
//全选/反选$('#多选id').click(function () { if ($("#多选id").is(':checked')) { $(":checkbox").prop("checked", true); } else { $(":checkbox").prop("checked", false); }})//获取选中行 var se...
jQuery全选、反选与获取选中值
hjl416148489的博客
05-08 163
今天给大家分享一段基于jQuery的全选、反选与获取选中值。文章结合demo，代码简洁，基本覆盖选项选择操作的方方面面，希望可以帮到有喜欢前端的朋友们。 [img]http://www.sucaihuo.com/jquery/demo/10/images/demo.jpg[/img] [b]jQuery全选网页特效[/b]演示DEMO：[url]http://www.sucaihuo.com/...
js/jquery中获取table里边checkbox的选中状态以及选中该行的其他列数据
lijiaren_092008的专栏
04-26 8701
js/jquery中获取table里边checkbox的选中状态以及选中该行的其他列数据 如下是在js中通过DOM方式创建的row中的一列为CheckBox类型。 var row = document.createElement('tr'); //创建行 var checkbox = document.createElement('td');//创建列 ...
（转载）jquery checkbox 设置选中和不选中
deron345的博客
12-14 3941
https://blog.csdn.net/hantanxin/article/details/103187996 1.设置选中：$("#hasApply").prop("checked",true); 设置不选中：$("#hasApply").prop("checked",false); 或如下方法： // $("#ck").attr("checked",true)//选中 // $("#ck").attr("checked",false)//未选中 2.获取选中的状态：var sta..
jquery中checkbox全选失效的解决方法
01-19
如果你使用jQuery 1.6 ，代码if ( $(elem).attr(“checked”) )，将获得一个属性(attribute) ，它不改变该复选框被选中和选中。它只是用来存储默认或选中属性的初始值。为了保持向后兼容，.attr() 方法从 jQuery ...
JQuery一种取同级值的方式(比如你在GridView中)
10-28
上述代码中，`$("input:checked")`找到所有选中的checkbox，`.next()`取得紧接着checkbox的下一个兄弟元素（即隐藏字段），`.attr("value")`获取该元素的值。 2. **使用.next().next()方法获取更后一个同级元素的...
JS实现选中全部代码共享
XIZI1312的博客
08-07 98
看到很多人在找这个用JS实现选中所有的功能，特提供给大家。把下列内容写入单独的JS文件，在需要使用选中所有的页面，添加对函数的调用即可。 function CheckAll(form) { for (var i=0;i<form.elements.length;i++) { var e = form.elements[i]; if (e.name ...
jquery获取表格中所有的checkbox并遍历
caixiajia的专栏
08-09 2万+
$(".table input[type=checkbox]").attr("checked",false);
Jquery实现全选中全不选中以及获取选中行的相关值
u011169725的专栏
04-13 2253
$('body').on('click', 'input[type=checkbox][name=selectAll]', function(){ var chkall = $(this); if (chkall.is(':checked')) { $('#result').find('input[type=checkbox][name=selec
jq实现checkbox全选中以及获得选中的checkbox的值
热门推荐
如影随形
07-19 9万+
html代码 Simple jsp page 全选
js获取单独一个checkbox是否被选中
machunmei2的专栏
08-29 1008
function check(){ var xz=document.getElementById("xz"); alert(xz.checked); }
js jquery中选择'除了指定元素外的所有元素'
Sunshine晶滴博客
03-24 9278
目标：jquery代码：$('body').click(function(e){      if($(e.target).attr('class')!='gda'){     $('.gdacon').css('display','none');      }});
微信小程序骨架屏
最新发布
djjdjdjdjddjjdjd的博客
08-16 218
⑤ 在onLoad 中页面加载前定义 isLoading.value=true, 在加载完后定义 isLoading.value=false.骨架屏是页面的一个空白版本，通常会在页面完全渲染之前，通过一些灰色的区块大致勾勒出轮廓，待数据加载完成后，再替换成真实的内容。① 在相应微信小程序页面右下角点生成骨架屏，左侧小程序目录会自动生成 .wxml 、.wxss 文件，⑥ 在生成骨架屏页面中 v-if="isLoading" v-else 定义显示与隐藏。
vue2前端阿里云oss服务端签名直传
weixin_74285634的博客
08-13 230
generatePresignedUrlApi是由后端提供的接口 来获取密钥。
jquery全选全不选
05-12
可以通过以下代码实现jquery全选和全不选功能： 全选： ```javascript $('#selectAll').click(function(){ $('input[type="checkbox"]').prop('checked', true); }); ``` 全不选： ```javascript $('#unselectAll').click(function(){ $('input[type="checkbox"]').prop('checked', false); }); ``` 其中，`#selectAll`和`#unselectAll`是两个按钮的id，`$('input[type="checkbox"]')`选择所有类型为checkbox的input元素，并使用prop()方法设置它们的checked属性为true或false来实现全选和全不选。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值