1.each用于循环每一个复选框
2.$(this).prop("checked")可以拿到每一个复选框的状态,勾选的返回true,未勾选的返回false,可以在循环里面判断出每一个勾选的input,并拿到每一个勾选的复选框的自定义属性,可以push成一个数组,也可以直接拿到每一个已经勾选的复选框的自定义属性:$(this).data().ck进行操作
结构伪代码:
<div class="list_yaliji list">
<input type="checkbox" checked data-ck = ${i}/>
<input type="checkbox" checked data-ck = ${i}/>
<input type="checkbox" checked data-ck = ${i}/>
</div>
// 压力计复选框
$('.list_yaliji').on('click', 'input', function (e) {
e.stopPropagation()
bmap4.clearOverlays() //清除所有覆盖物
let ylj = [];
$('.list_yaliji input').each(function (index, item) {
// 判断每一项是否选中,data().ck为自定义属性,ck:checkBox
if ($(this).prop("checked")) {
// 获取到每一个勾选的input
data.yaliji[$(this).data().ck].forEach(function (Value, index, arr) {
ylj.push(Value);
});
// 调用设置地图标记的方法
setMap4Mark($(this).data().ck)
}
});
})
// 测试复选框
$('.DN100').on('click', function (e) {
e.stopPropagation()
console.log($(this).is(':checked'));
console.log($(this).data());
// $(this).attr('checked', false)
})