获取到每一个复选框的状态并更新数据

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)
  })

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值