去掉全选多选框

原创 2013年12月04日 09:51:10

有多个多选框,当一个都不选中的时候灰化掉某些按钮,全选框也不应该选择?

 

var temp = $("input:checked");
if(temp.length <= 0){
    setControlDisable("button_delete",false);
}else{
    setControlDisable("button_delete",true);
}

 

 在HTML代码中,判断checkbox是否被选中的方法?

 

temp = document.getElementById("check_box").checked;
if(true == temp){
    alert("被选中");
}else if(false == temp){
     alert("没有被选中");
}

 

visibility: visible || hidden  //占用物理空间
display: block || none  //不占用物理空间

 

<html>
	<head>
		<title>usually function</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="text/javascript" src="jquery-1.4.4.js"></script>
	</head>

	<body>
		全选<input type="checkbox" name="select" id="select" onclick="selectAll();"><br>
		参数1<input type="checkbox" name="abc" value="11" onclick="paramClick();"><br>
		参数2<input type="checkbox" name="abc" value="11" onclick="paramClick();"><br>
		参数3<input type="checkbox" name="abc" value="11" onclick="paramClick();"><br>
		参数4<input type="checkbox" name="abc" value="11" onclick="paramClick();"><br>
		参数5<input type="checkbox" name="abc" value="11" onclick="paramClick();"><br>
		参数6<input type="checkbox" name="abc" value="11" onclick="paramClick();"><br>
		
	</body>
<html>

<script>

function paramClick(){
	//alert($("input:checked").find("[name='abc']").length);
	//alert($("input[name='abc']:checked").length);
	var allLength = $("input[name='abc']").length;
	//根据名称获取选择的checkbox
	var checkedLength = $("input[name='abc']:checked").length;
	
	if(allLength == checkedLength){
		$("#select").attr("checked",true);
	}else{
		$("#select").attr("checked",false);
	}
}

function selectAll(){
	//alert($("#select").attr("checked"));
	var ischecked = $("#select").attr("checked");
	if(ischecked){
		$("input[name='abc']").each(function(index,dom){
			$(this).attr("checked",true);
		});
	}else{
		$("input[name='abc']").each(function(index,dom){
			$(this).attr("checked",false);
		});
	}
}

</script>

 

备注:var checkedLength = $("input[name='abc']:checked").length;

 

jquery实现复选框的全选操作

最近做了个需求,需要实现列表复选框的全选/取消全选操作,由于之前对这块不是很了解,所以从网上查了一些资料,虽然有各种实现方法,但没找到直接可以套用的。自己琢磨了下,把功能实现,整理如下。 实现细节如...
  • mj158518
  • mj158518
  • 2016年07月20日 00:30
  • 3395

jquery复选框全选,反选,自动勾选全选框,取消勾中全选框

页面中实现全选,反选,一组复选框选中时全选按钮自动选中,一组中有一个未选中时全选按钮取消$('#checkAll').click(function(){ if(this.checked) { ...
  • yx13649017813
  • yx13649017813
  • 2014年12月16日 17:30
  • 1859

HTML 复选框 checkbox 的 JavaScript 的全选和全反选

checkbox 或者按钮实现 form 内的 checkbox 全选或者反选,代码很简单,全部代码如下: Insert title here 序号 选择 ...
  • joyous
  • joyous
  • 2013年09月30日 11:16
  • 33023

jsp中点击一个多选框,实现全选或全不选

当点击页面表头的多选框,则每一行的多选框都会被选中或释放,实现了全选。JSP页面的代码中还实现了多选删除。其实全选也是为了实现多项选择然后删除。多选删除提交的时候用的是超链接提交表单,它的功能就是可以...
  • ZMC921
  • ZMC921
  • 2016年08月20日 13:50
  • 3714

使用js实现复选框的全选、取消功能

function checkAll() { var all=document.getElementById('all'); var one=document.getElemen...
  • zzh_meng520
  • zzh_meng520
  • 2017年02月28日 16:13
  • 3539

Bootstrap中表格内的checkbox复选框全选

效果图: HTML中无需添加额外的一列来表示复选框,而是由JS完成,所以正常的表格布局就行了: [html] view plain copy ...
  • huanghanqian
  • huanghanqian
  • 2016年10月26日 19:45
  • 4860

jsp中点击一个多选框,实现全选或全不选

当点击页面表头的多选框,则每一行的多选框都会被选中或释放,实现了全选。JSP页面的代码中还实现了多选删除。其实全选也是为了实现多项选择然后删除。多选删除提交的时候用的是超链接提交表单,它的功能就是可以...
  • summer_sy
  • summer_sy
  • 2017年05月25日 17:24
  • 746

复选框的全选反选实现(即购物车的复选框实现)

这周工作时在做全选时遇到卡壳,趁着闲暇时间整理一下全选的的几种实现方式。 html页面 测试页面 全选 js代码 第一种方式 ...
  • hushuanghui123
  • hushuanghui123
  • 2017年03月12日 21:04
  • 2251

AngularJS 实现复选框 全选/取消全选

第一次写博客,也是把自己所学习的知识记录下来,以便以后查找。
  • Jason_Kennan
  • Jason_Kennan
  • 2016年12月28日 13:12
  • 3812

angularJs 实现checkbox全选和多选

/>                                 Title                                                       ...
  • u012226347
  • u012226347
  • 2015年08月04日 15:52
  • 7600
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:去掉全选多选框
举报原因:
原因补充:

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