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);
});
}
});
编辑:一起学习网