使用 JavaScript 获取复选框的值
- <!DOCTYPE html>
- <HTML>
- <head>
- <meta charset="GBK">
- <title>
- 获取复选框的值
- </title>
- <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
- </script>
- <script>
- $(function() {
- var byBrand = "";
- $("#but").click(function() {
- var brandValueList = $('input[name="test"]:checked');
- for (var i = 0; i < brandValueList.length; i++) {
- byBrand = $(brandValueList[i]).val();
- alert(byBrand);
- }
- })
- })
- </script>
- </head>
- <body>
- <input type="checkbox" name="test" value="桃子">
- <span>
- 桃子
- </span>
- <input type="checkbox" name="test" value="杏子">
- <span>
- 杏子
- </span>
- <input type="checkbox" name="test" value="栗子">
- <span>
- 栗子
- </span>
- <input type="checkbox" name="test" value="荔枝">
- <span>
- 荔枝
- </span>
- <input id="but" type="button" value="提交">
- </body>
- </HTML>
来源: http://www.bubuko.com/infodetail-2924156.html