<% '========================================= '功能:jquery框架的使用,checkbox中不需要写 ' onclick就可以实现onclick的效果,并将 ' 得到的结果放到textarea中 '作者:wangsdong '来源:www.aspbc.com '文章为作者原创,转载请注明文章出处、保留作 '者信息,谢谢支持! '========================================= %> <style style="text/css"> td{font-size:12px;} input{font-size:12px;} </style> <table> <tr> <td>选项</td> <td><input name="service" type="checkbox" id="service" value="选项1" /> 选项1 <input name="service" type="checkbox" id="service" value="选项2" /> 选项2 <input name="service" type="checkbox" id="service" value="选项3" /> 选项3 <input name="service" type="checkbox" id="service" value="选项4" /> 选项4<br /> <input name="service" type="checkbox" id="service" value="选项5" /> 选项5 <input name="service" type="checkbox" id="service" value="选项6" /> 选项6 <input name="service" type="checkbox" id="service" value="选项7" /> 选项7 <input name="service" type="checkbox" id="service" value="选项8" /> 选项8 <input name="service" type="checkbox" id="service" value="选项9" /> 选项9<br /> <input name="service" type="checkbox" id="service" value="选项10" /> 选项10 <input name="service" type="checkbox" id="service" value="选项11" /> 选项11 <input name="service" type="checkbox" id="service" value="选项12" /> 选项12 <input name="service" type="checkbox" id="service" value="选项13" /> 选项13 <input name="service" type="checkbox" id="service" value="选项14" /> 选项14</td> </tr> <tr> <td>所选内容是:</td> <td><textarea name="service_content" id="service_content" cols="40" rows="10" /></textarea></td> </tr> </table> <script language="javascript" src="jquery.js">< /script> <script> $("input[@name='service']").click(function(){ l=$("input[@name='service']").length; str=""; k=0 for(i=0;i<l;i++) { if($("input[@name='service']")[i].checked==true) { if(k==0) str+=$("input[@name='service']")[i].value; else str+=","+$("input[@name='service']")[i].value; k++; } } $("#service_content").val(str); }); < /script>
(鼠标移到代码上去,在代码的顶部会出现四个图标,第一个是查看源代码,第二个是复制代码,第三个是打印代码,第四个是帮助)
源码下载 :http://www.aspbc.com/code/showcode.asp?id=86