当前位置:asp编程网>技术教程>Javascript教程>  正文

jquery框架操作checkbox控件

1970-01-01 08:00:00   来源:www.aspbc.com    作者:佚名   浏览量:2078   收藏
<% 
'=========================================
'功能: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 
      &nbsp;  
      <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
   &nbsp;
  <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



关于我们-广告合作-联系我们-积分规则-网站地图

Copyright(C)2013-2017版权所属asp编程网