通过属性选择器匹配多选框元素，通过each方法获取每个元素的值，放入id数组中
<html>
<head>
<meta charset='utf-8'>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<p>If you click on me, I will disappear.</p>
<ul>
<li><input type="checkbox" class="selectId" value="1"></li>
<li><input type="checkbox" class="selectId" value="2"></li>
<li><input type="checkbox" class="selectId" value="3"></li>
<li><input type="checkbox" class="selectId" value="4"></li>
<li><input type="checkbox" class="selectId" value="5"></li>
<li><input type="checkbox" class="selectId" value="6"></li>
</ul>
</body>
<script type="text/javascript">
$(function(){
var ids = [];
$("[class='selectId']").each(function(){
ids.push($(this).val());
$(this).attr('checked', 'checked');
});
})
</script>
</html>
网友评论