谁都知道 在html 如果一个复选框被选中 是 checked="checked"。


但是我们如果用jquery alert($("#id").attr("checked")) 会提示您是true而不是checked

所以很多朋友判断 if($("#id").attr("checked")=="true") 这个是错误的,其实应该是 if($("#id").attr("checked")==true)

例子里面包括了一下几个功能。

<inputtype="button"id="btn1"value="全选"><inputtype="button"id="btn2"value="取消全选"><inputtype="button"id="btn3"value="选中所有奇数"><inputtype="button"id="btn4"value="反选"><inputtype="button"id="btn5"value="获得选中的所有值">代码<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>NewDocument</TITLE><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/><SCRIPTLANGUAGE="JavaScript"src="http://www.cnjquery.com/demo/jquery.js"></script><SCRIPTLANGUAGE="JavaScript"><!--$("document").ready(function(){$("#btn1").click(function(){$("[name='checkbox']").attr("checked",'true');//全选})$("#btn2").click(function(){$("[name='checkbox']").removeAttr("checked");//取消全选})$("#btn3").click(function(){$("[name='checkbox']:even").attr("checked",'true');//选中所有奇数})$("#btn4").click(function(){$("[name='checkbox']").each(function(){if($(this).attr("checked")){$(this).removeAttr("checked");}else{$(this).attr("checked",'true');}})})$("#btn5").click(function(){varstr="";$("[name='checkbox'][checked]").each(function(){str+=$(this).val()+""r"n";//alert($(this).val());})alert(str);})})//--></SCRIPT></HEAD><BODY><formname="form1"method="post"action=""><inputtype="button"id="btn1"value="全选"><inputtype="button"id="btn2"value="取消全选"><inputtype="button"id="btn3"value="选中所有奇数"><inputtype="button"id="btn4"value="反选"><inputtype="button"id="btn5"value="获得选中的所有值"><br><inputtype="checkbox"name="checkbox"value="checkbox1">checkbox1<inputtype="checkbox"name="checkbox"value="checkbox2">checkbox2<inputtype="checkbox"name="checkbox"value="checkbox3">checkbox3<inputtype="checkbox"name="checkbox"value="checkbox4">checkbox4<inputtype="checkbox"name="checkbox"value="checkbox5">checkbox5<inputtype="checkbox"name="checkbox"value="checkbox6">checkbox6<inputtype="checkbox"name="checkbox"value="checkbox7">checkbox7<inputtype="checkbox"name="checkbox"value="checkbox8">checkbox8</form>