title: how to get checkbox data-id under current paner-body
body: <pre><code>&lt;div class="panel-body"&gt;
      &lt;div class="checkbox checkbox-primary checkbox-circle"&gt;
          &lt;input data-id="680c11a0-5208-4c7b-acf9-176dedbb9878" data-share="default" type="checkbox"&gt;
      &lt;/div&gt;
      &lt;div class="checkbox checkbox-primary checkbox-circle"&gt;
          &lt;input data-id="6a63886e-15be-40d5-bf95-b796383f8c05" data-share="default" type="checkbox" checked&gt;
      &lt;/div&gt;
      &lt;div class="checkbox checkbox-primary checkbox-circle"&gt;
          &lt;input data-id="b8ef0af4-eb2e-4387-8d2b-a75694911c56" data-share="default" type="checkbox" checked&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and here is my event:</p>
  
  <pre><code>$(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");
              }
          })
  </code></pre>
  
  <p>and now,the question:
  when checkbox get a click event,how to get the all the checkbox data-id value in current obj?</p>
  
  <p>i hope can get all the data-id value under current panner-body,and then join them to a string,between each string with a char ','</p>