获取选中的复选框
<!DOCTYPE html>
<html>
<head>
<title>获取选中的复选框</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
你更喜欢哪种颜色?<br>
<input type="checkbox" name="colors" id="red" />红色<br>
<input type="checkbox" name="colors" id="blue" />蓝色<br>
<input type="checkbox" name="colors" id="green" />绿色<br>
<button onclick="check()">确认</button>
</body>
<script>
function check(){
var checkeds = $("input[name='colors']:checked");
var checkedIds = [];
$.each(checkeds, function(index, value){
checkedIds.push($(value).attr("id"));
});
alert(JSON.stringify(checkedIds));
}
</script>
</html>
如图
使用"input[name=‘colors’]:checked"获取。