Jquery学习笔记(一) 常用功能
1. checkbox 全选,反选,取值8<SCRIPT LANGUAGE="JavaScript"> 9<!--10 $("document").ready(function(){11 12 $("#btn1").click(function(){13 14 $("").attr("checked",'true');//全选15 16 })17 $("#btn2").click(function(){18 19 $("").removeAttr("checked");//取消全选20 21 })22 $("#btn3").click(function(){23 24 $(":even").attr("checked",'true');//选中所有奇数25 26 })27 $("#btn4").click(function(){28 29 $("").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 $("").each(function(){49 str+=$(this).val()+"\r\n";50 })51 alert(str);52 })53 }) //上次取值的好像不行，所以就改成下面这个了： $("input").each(function(){ if($(this).attr("checked")==true) knowledge+="&selectKnowledge=" + $(this).val(); });54//-->55</SCRIPT>5657 </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
页:
[1]