一起学习网 一起学习网

JQ实现单选项全选与反选

首先导入JQ,

选择按钮
<input type="checkbox" name="chkall" class="selectall" title="全选/取消" />

选项:
<input name="id" type="checkbox" value="1" />
<input name="id" type="checkbox" value="2" />

		$(".selectall").click(function(){
			var obj = $("input[type='checkbox']");
			if (obj.length<=0){return false;}
			if($(this).prop("checked")){
				obj.each(function(){
					$(this).prop("checked",true);
				});
			}else{
				obj.each(function(){
					$(this).prop("checked",false);
				});
			}
		});