Jquery获取选中的checkbox的值

浏览数：23 / 时间：2015年06月09日 
 1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 3 <html>
 4 <head>
 5 <title>checkbox</title>
 6 <script type="text/javascript" src="js/jquery1.8.min.js"></script>
 7 <script type="text/javascript">
 8     $(function() {
 9         $("input[name=‘cbServerType‘]:checkbox").click(function() {
10             var type = ‘‘;
11             $("input[name=‘cbServerType‘]:checkbox").each(function() {
12                 if ($(this).attr("checked")) {
13                     type += $(this).attr(‘value‘) + ‘|‘;
14                 }
15             });
16             alert(type);
17             $("#txtServerType").val(type);
18         });
19     });
20 </script>
21 </head>
22 
23 <body>
24     <div align="center">
25         <span><input name=‘cbServerType‘ type=‘checkbox‘ value=‘1‘ />1111111</span>
26         <span><input name=‘cbServerType‘ type=‘checkbox‘ value=‘2‘ />2222222</span>
27         <span><input name=‘cbServerType‘ type=‘checkbox‘ value=‘3‘ />3333333</span>
28         <span><input name=‘cbServerType‘ type=‘checkbox‘ value=‘4‘ />4444444</span>
29         <span><input name=‘cbServerType‘ type=‘checkbox‘ value=‘5‘ />5555555</span>
30     </div>
31 </body>
32 </html>

 显示显效果：

Jquery获取选中的checkbox的值,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class java style html src sp class java style html src sp

相关文章

随机文章

您可能还喜欢

您可能还喜欢