Jquery学习笔记(一) 常用功能
1. checkbox 全选,反选,取值
8 <SCRIPT LANGUAGE="JavaScript"> 9 <!--10 $("document").ready(function(){11 12 $("#btn1").click(function(){13 14 $("[name='checkbox']").attr("checked",'true');//全选15 16 })17 $("#btn2").click(function(){18 19 $("[name='checkbox']").removeAttr("checked");//取消全选20 21 })22 $("#btn3").click(function(){23 24 $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数25 26 })27 $("#btn4").click(function(){28 29 $("[name='checkbox']").each(function(){30 31 32 if($(this).attr("checked"))33 {34 $(this).removeAttr("checked");35 36 }37 else38 {39 $(this).attr("checked",'true');40 41 }42 43 })44 45 })46 $("#btn5").click(function(){47 var str="";48 $("[name='checkbox'][checked]").each(function(){49 str+=$(this).val()+"\r\n";50 })51 alert(str);52 })53 }) //上次取值的好像不行，所以就改成下面这个了： $("input[name='selectKnowledge']").each(function(){ if($(this).attr("checked")==true) knowledge+="&selectKnowledge=" + $(this).val(); });54 //-->55 </SCRIPT>56 57 </HEAD>5859 <BODY>60 <form name="form1" method="post" action="">61 <input type="button" id="btn1" value="全选">62 <input type="button" id="btn2" value="取消全选">63 <input type="button" id="btn3" value="选中所有奇数">64 <input type="button" id="btn4" value="反选">65 <input type="button" id="btn5" value="获得选中的所有值">66 <br>67 <input type="checkbox" name="checkbox" value="checkbox1">68 checkbox169 <input type="checkbox" name="checkbox" value="checkbox2">70 checkbox271 <input type="checkbox" name="checkbox" value="checkbox3">72 checkbox373 <input type="checkbox" name="checkbox" value="checkbox4">74 checkbox475 <input type="checkbox" name="checkbox" value="checkbox5">76 checkbox577 <input type="checkbox" name="checkbox" value="checkbox6">78 checkbox679 <input type="checkbox" name="checkbox" value="checkbox7">80 checkbox781 <input type="checkbox" name="checkbox" value="checkbox8">82 checkbox883 </form>8485 </BODY>86</HTML>87??
2.
取select被选中option的value
$("#id").val();
取input的值
$("#id").attr("value");
写这些，没前途阿～
......
关于jquery常用方法的介绍：
http://www.jb51.net/article/20387.htm
?