<div class="iteye-blog-content-contain" style="font-size: 14px">
$('#user_list tbody').on( 'click', ' td', function () {
if($(this).index()==0){
if($("#user_list input:not(:checkbox:checked)").length<1){
$('#mainCheckbox1').prop('checked', true);
}else{
$("#mainCheckbox1").removeAttr("checked");
}
}
});
function checkAll() {
// 当点击后复选框如果变为选中状态所执行的逻辑
if ($(this).prop('checked') == true) {
// 将head和foot区域中的两个复选框置为选中状态
$('#user_list thead :checkbox').prop('checked', true);
// 将表格body区域中的所有复选框置为选中状态
$('#user_list tbody :checkbox').each(function(index, element) {
$(element).prop('checked', true);
});
} else {
// 将表格head和foot区域中的两个复选框置为没有选中的状态
$('#user_list thead :checkbox').prop('checked', false);
// 将表格body区域中的两个复选框置为没有选中的状态
$('#user_list tbody :checkbox').each(function(index, element) {
$(element).prop('checked', false);
});
}
}
</div>
分享到:
相关推荐
spreadjs_列头添加复选框全选功能-demo
javascript 复选框全选,复选框全选,复选框全选
用Axure RP 8.0做的原型设计列子,作用是复选框做全选和非全选,已选的做反选。可以学习下反选或非反选的交互思路。
js 实现 复选框全选(二)! 值得下载看看!资源免费,大家分享!!
DataGridView 复选框列实现全选。点击列头的复选框下面的行全部选中或者全部取消。
主要介绍了vue+vant-UI框架实现购物车的复选框全选和反选功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
复选框全选全不选JS代码,可以通过按钮或者复选框调用。
javascript 实现复选框全选/取消功能
jquery 复选框 全选,全不选,在同一个按钮实现,格式是html
复选框全选、全不选和反选的效果实现
pyqt5 QTableWidget/QTableView表头复选框源码
实现了复选框全选的功能,不需要在外面另加按钮触发全选事件
jquery版本的复选框全选和不选,简单而且好用,我是在项目中摘要出来的小示例。
jquery 、js实现复选框 (全选、反选)功能··
axure复选框全选效果
JavaScript实现复选框全选或全取消操作 本文实例为大家分享了JavaScript实现复选框全选或全取消的具体代码,供大家参考,具体内容如下 实现思路 1、获取总选框、所有小选框元素对象 2、按钮控制小按钮- - -给总...
QTableWidget表头添加复选框实现全选功能。有点投机取巧,但是功能是实现了。实现很简单。
内容批量选择,反选,全选,js代码。
我学的java,在一次开发HTML前端时涉及到了数据动态遍历和全选/反全选按钮的实现,试了很多input全选框的实现,很多都只能点击两次,现在分享一下解决方案!
一个实现复选框全选的JavaScript 例子, 如何使用javaScript 使网页上的复选框被选中