<%
'=========================================
'功能: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
