function checkReturn(obj) {
var objIds = obj.value;
//当没有选中某个子复选框时,checkboxall取消选中
if (!$("#subcheck").checked) {
$("#checkboxall").attr("checked", false);
}
// 获取subcheck的个数
var chsub = $("input[type='checkbox'][id='subcheck']").length;
// 获取选中的subcheck的个数
var checkedsub = $("input[type='checkbox'][id='subcheck']:checked").length;
if (checkedsub == chsub) {
// 控制全选按钮的选中
$("#checkboxall").attr("checked", true);
}
}
function funcCheckAll() {
// 判断全选按钮是否是已选中状态
// $("#checkboxall").prop("checked")说明已选中
// JQuery版本不同,if条件不同
if ($("#checkboxall").prop("checked")) {
// 将各个子单选按钮设为选中状态
$('input[name=ids]').attr('checked', 'checked');
} else { // 此时全选按钮起到反选作用
// 将选中状态改为非选中
$('input[name=ids]').removeAttr('checked');
}
// 将'全不选'按钮置为非选中状态
$('input[name=checkboxNotall]').removeAttr('checked');
// 将'反选'按钮置为非选中状态
$('input[name=checkboxInverse]').removeAttr('checked');
}
function funcCheckNotAll() {
// 将选中状态改为非选中
$('input[name=ids]').removeAttr('checked');
// 将'全选'按钮置为非选中状态
$('input[name=checkboxbutton]').removeAttr('checked');
// 将'反选'按钮置为非选中状态
$('input[name=checkboxInverse]').removeAttr('checked');
}
function funcCheckInverse() {
// 将'全选'按钮置为非选中状态
$('input[name=checkboxbutton]').removeAttr('checked');
// 将'全不选'按钮置为非选中状态
$('input[name=checkboxNotall]').removeAttr('checked');
// 获取所有子选框
var checkDelete = document.getElementsByName("ids");
for(var i=0; i<checkDelete.length; i++) {
// 判断全选按钮是否是已选中状态
if (checkDelete[i].type == "checkbox" && checkDelete[i].checked) {
// 将子选框设为非选中状态
checkDelete[i].checked = false;
} else {
// 将子选框设为选中状态
checkDelete[i].checked = true;
}
}
}

JS 全选、全不选、反选的更多相关文章

  1. JS实现全选、不选、反选

    思路:1.获取元素.2.用for循环历遍数组,把checkbox的checked设置为true即实现全选,把checkbox的checked设置为false即实现不选.3.通过if判断,如果check ...

  2. js实现全选/全不选、反选

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. js实现复选框全选/全不选/反选

    js实现复选框全选/全不选/反选 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "h ...

  4. js(四) 全选/全不选和反选

    思路:通过选择全选的选框的状态stuts 即true/false控制其他选框. 首先 我们要通过.checked方法获取选框(全选/全不选)的值. function all(){ var stuts= ...

  5. jquery 全选 全不选 反选

    1.概述 在项目中经常遇到列表中对复选框进行勾选操作,全选...反选.. 2. example <html> <body> <form id="test-for ...

  6. 利用jQuery实现CheckBox全选/全不选/反选

    转自:http://www.cnblogs.com/linjiqin/p/3148259.html jQuery有些版本中实现CheckBox全选/全不选/反选会有bug,经测试jquery-1.3. ...

  7. jquery的全选/全不选/反选以及attr添加checked属性失败的解决办法

    如下图: <head> <title></title> <style type="text/css"> div { border: ...

  8. springMvc接收ajax数组参数,以及jquery复选框选中、反选、全选、全不选

    一.复选框选中.反选.全选.全不选 html代码: <input type='checkbox' name='menuCheckBox' value='10' >苹果 <input ...

  9. 【七】jquery之属性attr、 removeAttr、prop[全选全不选及反选]

    全选全不选 界面: 代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> ...

  10. 用jQuery实现全选-全不选-反选的功能

    临近过年,刚学IT没多久的小白在这里祝大家在新的一年里:新春快乐,月月赚钱,天天开心,时时快乐,分分精彩,秒秒幸福,事事顺利 古人云:学而时习之,不亦说乎. 学习后经常温习所学的知识,也是件令人愉悦的 ...

随机推荐

  1. ECMA Script 6_函数的扩展

    ES6规定只要函数参数使用了默认值.解构赋值.或者扩展运算符, 那么函数内部就不能显式设定为严格模式,否则会报错 1. 参数的默认值 ES6 允许为函数的参数设置默认值,即直接写在参数定义的后面 函数 ...

  2. (97)Wangdao.com_第三十天_触摸事件

    触摸事件 只有触摸屏才会引发这一类事件 触摸事件 和 鼠标事件 同时触发,即使这个时候并没有用到鼠标. 这是为了让那些只定义鼠标事件.没有定义触摸事件的代码,在触摸屏的情况下仍然能用. 如果想避免这种 ...

  3. WinForm打包或部署

    一.新建InstallShield项目 二. 三. 四. 五. 六. 七. 最后重新生成,安装包一般在E\Setup1\Setup1\Express\SingleImage\DiskImages\DI ...

  4. vue框架与koa2服务器实现跨域通信

    首先我们在vue中引入axios, npm install axios --save 在需要用到的页面引入axios import axios from "axios"; 用axi ...

  5. @CreatedDate、@CreatedBy、@LastModifiedDate、@LastModifiedBy

    在spring jpa audit 中,在字段或者方法上使用注解@CreatedDate.@CreatedBy.@LastModifiedDate.@LastModifiedBy,当进行实体插入或者更 ...

  6. attr 和 prop的使用区别

    自带的属性,用prop:自定义的属性,用attr.

  7. How to use draggable attribute?怎样使用拖拽属性代码分享

    6.7 Drag and dropSupport: dragndropChrome for Android NoneChrome 4+iOS Safari 11.0+UC Browser for An ...

  8. C#、winform、wpf将类控件放进工具箱里

    有时我们需要将vs自带的控件的某一些方法或属性进行一些修改,我们通常会新建一个类来继承它然后对它的方法或属性进行修改,那么我们如何将修改完成的控件类变成可视化控件放到工具箱中便于使用呢? 很简单,只要 ...

  9. django--orm对象关系映射之常用的增删改查

    1.查询表里所有数据 book=models.Book.objects.all() 2.条件查询 book = models.Book.objects.filter(id=1).first() # 查 ...

  10. C# Json处理相关

    最近工作中遇到的Json问题确实很头大,主要是各种转义符的处理,想了一种通用的方式,来处理任意转移方式的Json字符串: /// <summary> /// 去除返回值中的转义符,返回js ...