开发者社区> mydcool> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

jquery checkbox 复选框多次点击判断选中状态,以及全选/取消的代码示例

简介: 2015年12月21日 10:52:51 星期一 目标, 点击当前的checbox, 判断点击后当前checkbox是否是选中状态. html: 全选 js:  1 var checkall = $("#contracts_checkall").
+关注继续查看

2015年12月21日 10:52:51 星期一

目标, 点击当前的checbox, 判断点击后当前checkbox是否是选中状态.

html:

<input type="checkbox" onclick="contracts_checkall()" id="contracts_checkall"> 全选

js: 

1         var checkall = $("#contracts_checkall").attr('checked');
2         var checkall_value1 = $("#contracts_checkall").val();
3         var checkall_value2 = $('#contracts_checkall').is(':checked');
4         console.log(checkall);
5         console.log(checkall_value1);
6         console.log(checkall_value2);

第一次点击:

1  undefined
2  undefined
3  on
4  true

第二次点击:

1  undefined
2  undefined
3  on
4  false

总结, 用is()方法可以判断当前复选框的状态, 即使没有相关属性

全选/取消全选

 1 function contracts_checkall()
 2 {
 3     var checkall = $('#contracts_checkall').is(':checked');
 6     $("input[name='contract[]']").each(
 7         function () {
 8             this.checked=checkall;
 9             // $(this).attr('checked', checkall); //第一次选中和取消是成功的, 再次选中就不起作用了
10         }
11     );
12 }

 

Finger PHP 框架

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Jquery 实现click 选中checkbox 多选(或一键选中全部或取消全部)实例代码
Jquery 实现click 选中checkbox 多选(或一键选中全部或取消全部)实例代码
118 0
jQuery的attr方法处理checkbox的问题
现象 使用了 jQuery 1.10 的版本,想实现 checkbox 的全部选中和全部取消选中,使用了 attr 的方法,如下: $(elem).attr(“checked”) 测试过程中发现,第一次从未选中状态变为选中,再从选中变为未选中,是可以的。
935 0
JQuery设置checkbox的值,取checkbox的值,设置radio的值,取radio的值,设置下拉选select的值,取select的值
 一、复选框设置参数 html代码如下: <div class="flsm_btns">         <input type="hidden" name="agreeFlagValue" id="agreeFlagValue"          value="${copyRight.agreeFlag}"/>         <input type="ch
1144 0
jquery处理checkbox
1.控制checkbo只能选择其中一项 想用radiobox做单选题的选项,但是为了便于取值要用服务器空间,带来的麻烦就是不能使用name属性控制他们属于同一个域,现在使用checkbox+js的方式来实现radiobox的效果。
786 0
[转贴]jQuery的radio,checkbox,select操作 - [jQuery]
获取一组radio被选中项的值  var item = $('input[@name=items][@checked]').val();  获取select被选中项的文本  var item = $("select[@name=items] option[@selected]").
856 0
+关注
mydcool
php相关专家
286
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载