张晨的个人博客

使用Jquery控制checkbox

张晨的个人博客2014-04-01前端技术 2436 0A+A-

checkbox实例:
<input type="checkbox" name="checkall" value="" id="checkall" />全选
<input type="checkbox" id="check" name="seq_id" value="1">
<input type="checkbox" id="check" name="seq_id" value="2"> 


一 、 checkbox的全选反选

$(document).ready(function(){  
	$('#checkall').click(function(){  
		var checkedOfAll=$("#checkall").prop("checked");   
		$("input[name='seq_id']").prop("checked", checkedOfAll);        
	}); 
});

先获取全选按钮的选中状态,再把值赋值给其所控制的所有checkbox达到全选反选效果;

 

二、 判断区域checkbox是否被选中

function doIt(){
	if($("input[name='seq_id']:checkbox:checked").size() ==0){//如果没有勾选
		 alert("请选择要操作的人员");
	}else{
		if(confirm("")){
			//做些什么 ?
		 }
	}
}

这是我们项目中对某个操作checkbox的按钮onclick事件,也可以放在$(document).ready(function(){ })中;

 

三、获取区域所有选中checkbox的值

$('input[name="seq_id"]:checkbox:checked').each(function(){
	 seq_id =$(this).val();
	 //拿到值后做些什么
 });

 未选中的则使用:unchecked;

 

 

以上是项目中常用的对checkbox的操作方法。

 

文章关键词
Jquery
checkbox
发表评论