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); }); } });