一起学习网 一起学习网


JQ实现单选项全选与反选

前端 JQ实现单选项全选与反选,一起学习网, 学习交流平台, 在线学习, 学习资源, 教育平台, 学习社区, 学生论坛, 学习工具, 学习技巧, 学习经验 09-06

首先导入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);
				});
			}
		});



编辑:一起学习网