Question

点击按钮，我试图获取所有已选中复选框的ID

我试过这种方式

<div class="propsContent">
   <ul id="equipdetails">
      <li>
         <div class="col-lg-8"><label class="mt-checkbox mt-checkbox-outline exercise-txt" id="123"><input type="checkbox">A<span></span></label>
         </div>
         <div class="col-lg-4">
            <div class="exercise-img"><img src=""></div>
         </div>
      </li>
      <li>
         <div class="col-lg-8"><label class="mt-checkbox mt-checkbox-outline exercise-txt" id="456"><input type="checkbox">B<span></span></label>
         </div>
         <div class="col-lg-4">
            <div class="exercise-img"><img src=""></div>
         </div>
      </li>
   </ul>
</div>

<button value="GetAllValues" id="Button2" >GetAllValues</button>

Js代码

$(document).on("click", "#Button2", function(event)
{
        $('#equipdetails').find('input[type="checkbox"]:checked').each(function()
        {
                console.log($(this).attr('id'));
        });
});

这是我的小提琴

https://jsfiddle.net/dHZS9/706/

您能否告诉我如何获取所有选中的

的所有复选框ID

Answer 1

将Id分配给父元素试试这个：

    $(document).on("click", "#Button2", function(event)
      {
     $('#equipdetails').find('input[type="checkbox"]:checked').each(function()
        {
            console.log($(this).parent().attr('id'));
        });
   });

检查更新后的fiddle

如何获取Checked复选框的Id

1 个答案: