欢迎光临
我们一直在努力

jquery框架操作checkbox控件

建站超值云服务器,限时71元/月
<% 
'=========================================
'功能: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

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » jquery框架操作checkbox控件
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址