关于复选框显示问题。
如何选择一个或者多个复选框的时候，数字显示在div中呢，思路比较乱，谢谢！
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<input type="checkbox">123<br/>
<input type="checkbox">456<br/>
<input type="checkbox">789<br/>
<input type="checkbox">563<br/>
<input type="checkbox">156<br/>
<input type="checkbox">110<br/>
<div style="width:290px; height:50px; border:1px solid;">
</div>
</body>
</html>
动漫人物浏览 646回答 1
1回答
-
富国沪深
<!doctype html><html><head> <meta charset="utf-8"> <title>无标题文档</title></head><body> <input type="checkbox" name="test" value="123">123 <br/> <input type="checkbox" name="test" value="456">456 <br/> <input type="checkbox" name="test" value="789">789 <br/> <input type="checkbox" name="test" value="563">563 <br/> <input type="checkbox" name="test" value="156">156 <br/> <input type="checkbox" name="test" value="110">110 <br/> <div style="width:290px; height:50px; border:1px solid;"> </div> <script src="jquery.min.js"></script> <script type="text/javascript"> //改这些复选框统一的name属性，比如name="test",加上对应的value值 $('input[name=test]').change(function() { var arr = [] $('input[name=test]:checked').each(function(i, v) { arr.push($(v).val()) }) $('div').html(arr.join(',')) }) </script></body></html>
随时随地看视频慕课网APP
相关分类
JavaScript