checkbox框的各种状态选择

原创 2015年11月20日 11:14:10

首先是画面上的效果


      




js中的实现逻辑

/**
 * 选择框点击事件
 */
function checkBoxClick(){
	var _this = $(this); //获取当前对象的jquery对象
	var _parent = _this.parent().parent(); //获取当前对象父父的jquery对象
	if(!_parent.hasClass("operate")){ //如果不是全选box的话
		var _len1 = $(".detail input[type='checkbox']").length; //①取得detail下的checkbox个数①
		var _len2 = $(".detail input:checked").length;	//②取得当前选中的checkbox个数
		if(_len1 == _len2){	//①=②
			$(".operate input[type='checkbox']").prop("checked",true);  //operate中的全选box设置为选中状态
		} else {
			$(".operate input[type='checkbox']").prop("checked",false);	//operate中的全选box设置为非选中状态
		}
	} else {	//如果是全选box的话
		if(_this.is(":checked")){//同时是选中状态的话
			$(".detail input[type='checkbox']").prop("checked",true);//把所有的detail下的checkbox选中
		} else {
			$(".detail input[type='checkbox']").prop("checked",false);//把所有的detail下的checkbox不选中
		}
	}
}


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

巧用android 控件—CheckBox + 状态选择器

面向对象——初学者。大神们请笑而不语 android状态选择器节省的不仅仅是代码块,还有一些不必看但必须有的逻辑代码。搭配不同的控件更是如虎添翼! 本文使用 checkBox + 状态选择器 完成状...

Android实用视图动画及工具系列之四:多状态CheckBox,可设置大小尺寸和设置不可用的复选框

Android实用视图动画及工具系列之四:多状态CheckBox,可设置大小尺寸和设置不可用的复选框,大家都知道在Android5.0以前,Android自带的checkbox不可以通过width和h...

ListView+CheckBox,实现批量删除与解决listview滚动checkBox选择状态絮乱

这个项目是Android studio的,eclipse的朋友可以复制一下资源就能用了。 知识点如下: 1、解决listView滚动时checkBox的选择状态会发生变化(絮乱); 2、ListVie...

android ListView 中CheckBox选中后,状态混乱的解决方案

在ListView中放入checkbox ,是很常见的,比如微信里添加群的时候,要挨个添加联系人。相信很多人都遇到过选中checkBox 状态混乱的情况。 好了,不废话,直接上代码; public c...

翻页后保存checkbox选中状态

  • 2012-05-31 10:39
  • 59.50MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)