jquery checkbox 复选框多次点击判断选中状态,以及全选/取消的代码示例
2015-12-21 10:57
1066 查看
2015年12月21日 10:52:51 星期一
目标, 点击当前的checbox, 判断点击后当前checkbox是否是选中状态.
html:
js:
第一次点击:
第二次点击:
总结, 用is()方法可以判断当前复选框的状态, 即使没有相关属性
全选/取消全选
目标, 点击当前的checbox, 判断点击后当前checkbox是否是选中状态.
html:
<input type="checkbox" onclick="contracts_checkall()" id="contracts_checkall"> 全选
js:
var checkall = $("#contracts_checkall").attr('checked'); var checkall_value1 = $("#contracts_checkall").val(); var checkall_value2 = $('#contracts_checkall').is(':checked'); console.log(checkall); console.log(checkall_value1); console.log(checkall_value2);
第一次点击:
undefined undefined on true
第二次点击:
undefined undefined on false
总结, 用is()方法可以判断当前复选框的状态, 即使没有相关属性
全选/取消全选
function contracts_checkall() { var checkall = $('#contracts_checkall').is(':checked'); $("input[name='contract[]']").each( function () { this.checked=checkall; // $(this).attr('checked', checkall); //第一次选中和取消是成功的, 再次选中就不起作用了 } ); }
相关文章推荐
- jQuery中的mouseleave和mouseout的区别
- jqueryEasyUI中给accordion伸缩面板动态赋title值
- 抛弃jQuery,拥抱原生JavaScript
- placeholder的兼容处理(jQuery下)
- placeholder的兼容处理(jQuery下)
- jQuery API
- 用户界面框架jQuery EasyUI示例大全之Panel
- 自己写jquery插件之模版插件高级篇(一)
- jQuery实现图片文字淡入淡出效果
- jQuery实现图片文字淡入淡出效果
- jquery实现删除一个元素后面的所有元素功能
- jQuery焦点图插件SaySlide
- 七个不允许错过的jQuery小技巧
- jquery easyui,初始化方式
- jquery-easyui-1.4.4 汉化版
- jquery-easyui-1.4.4 综合实例
- jQuery小技巧(二)
- jQuery小技巧(一)
- jQuery之imgAreaSelect插件使用方法
- jquery全选,全不选,反选,获取选择框的值