设计一个有多组复选框checkbox 的页面，单击“复选框”按钮，输出页面中所有的被选中的checkbox的值和提示文字 - JavaScript论坛

li71

等　级：新手上路
帖　子：32
专家分：0
注　册：2018-9-8
结帖率：100%

楼主

已结贴√ 问题点数：20 回复次数：3

设计一个有多组复选框checkbox 的页面，单击“复选框”按钮，输出页面中所有的被选中的checkbox的值和提示文字

求大佬解答急

搜索更多相关主题的帖子: 复选框　 checkbox　页面　提示　文字　

2018-11-03 16:58

icecool

等　级：贵宾
威　望：20
帖　子：1214
专家分：1366
注　册：2005-3-14

第 3 楼

得分:10

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<style>
table{
border-collapse:collapse;
border: 1px solid #ffffff;
width: 100%;
        }
span{background:#ff00bb;cursor: pointer; }
td.left{ width:30%;background:#99dd33;}
td.right{ width:70%;background:#CCCC33;}
</style>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){

                      $("span").click(function(){
                                         $("#txt_div").html( "显示数据:<br>");
                                         $("input[name='chk']:checked").each(function() {
                                                        $("#txt_div").append($(this).val() + "<br>");
                                          });
                       });
});
</script>
</head>
<body>
<table>
<tr><td class="left">
<input name=chk type="checkbox" value="1">a1<br>
<input name=chk type="checkbox" value="2">a2<br>
<input name=chk type="checkbox" value="3">a3<br>
<input name=chk type="checkbox"value="4">a4<br>
<input name=chk type="checkbox" value="5">a5<br>
<input name=chk type="checkbox" value="6">a6<br>
<input name=chk type="checkbox" value="7">a7<br>
<input name=chk type="checkbox"value="8">a8<br>
<span id="span1">确定</span>
</td>

<td class="right">
<div id="txt_div">显示数据：<br></div>
</td><tr>
</table>
</body>
</html>

http://toorup.3v.do
loading...

2018-11-06 16:48