jquery - 如何获取当前paner-body下的复选框data-id

Question

<div class="panel-body">
    <div class="checkbox checkbox-primary checkbox-circle">
        <input data-id="680c11a0-5208-4c7b-acf9-176dedbb9878" data-share="default" type="checkbox">
    </div>
    <div class="checkbox checkbox-primary checkbox-circle">
        <input data-id="6a63886e-15be-40d5-bf95-b796383f8c05" data-share="default" type="checkbox" checked>
    </div>
    <div class="checkbox checkbox-primary checkbox-circle">
        <input data-id="b8ef0af4-eb2e-4387-8d2b-a75694911c56" data-share="default" type="checkbox" checked>
    </div>
</div>

这是我的事件:

$(document).on('click', '[data-share="default"]', function () {
            if ($(this).prop("checked")) {
                $(this).attr("checked");
                //get current panner-body children's input data-id
                var obj = $(this).parents(".panel-body");
                alert("");
            }
            else {
                $(this).removeAttr("checked");
            }
        })

现在，问题是:当checkbox获取点击事件时，如何获取当前obj中所有checkbox的data-id值？

我希望能够获取当前panner-body下的所有data-id值，然后将它们连接到一个字符串中，每个字符串之间用一个字符','

Answer 1

尝试使用jquery的map和get来实现你想要的，

$(document).on('click', '[data-share="default"]', function() {
  if ($(this).prop("checked")) {
    var obj = $(':checkbox[data-share="default"]', $(this).closest(".panel-body"));
    alert(obj.map(function() {
      return $(this).data("id");
    }).get());
  }
});

DEMO