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 + 状态选择器 完成状...

64ListView中item中有CheckBox带来的选择状态混乱的解决

如图:当选择第二个条目的时候,往下翻: 看到下面有的居然自己勾上了: 再网上翻,发现上面的有的也自己勾上了: 第一次遇到这个问题(手机管家项目第一次遇到这个问题,这里是拿《第一...

SimpleAdapter重写时响应CheckBox复选框状态改变-源码修改

我想实现的是:点击button按钮就可以在info哪里显示出来,或者弹出一个对话框显示也可以。 下面是源码,运行就错误,哪位大神帮忙修改一下,第一次在android区发帖,请多多指教。 工具and...

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

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

android listview + checkbox 列表上下滑动导致复选框状态丢失解决办法

以前为这个问题头疼很久.然后去忙其他事情.一直没有去整理,今天好不容易闲下来.就来整整这个listview + checkbox的问题吧 界面: listview_cell: ...

Android ListView加入CheckBox/RadioButton选择状态保持、全选、反选的状态

最近在一个项目中,需要在ListView的item中加入CheckBox,但是遇到的一个问题是上下滑动的时候如果有选择了的CheckBox,就会出现选择项错误的问题,下面将个人的解决方法总结如下; ...

PB 11.5 CheckBox三种状态的实例

  • 2017年04月29日 11:06
  • 6KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:checkbox框的各种状态选择
举报原因:
原因补充:

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