首页 > 代码库 > Jquery获取选中的checkbox的值
Jquery获取选中的checkbox的值
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="http://www.mamicode.com/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=http://www.mamicode.com/‘1‘ />1111111"color: #008080;">26 <span><input name=‘cbServerType‘ type=‘checkbox‘ value=http://www.mamicode.com/‘2‘ />2222222"color: #008080;">27 <span><input name=‘cbServerType‘ type=‘checkbox‘ value=http://www.mamicode.com/‘3‘ />3333333"color: #008080;">28 <span><input name=‘cbServerType‘ type=‘checkbox‘ value=http://www.mamicode.com/‘4‘ />4444444"color: #008080;">29 <span><input name=‘cbServerType‘ type=‘checkbox‘ value=http://www.mamicode.com/‘5‘ />5555555"color: #008080;">30 </div>31 </body>32 </html>
显示显效果：
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。