javascript - jQuery 查找选中 radio 的输入

Question

    $().ready(function () {
        $(".div").find("input").each(function (index) {
            if($(this).attr("checked")==true){
                console.log("You have checked the"+index);
            }
        });
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="div">
    <input name="1" type="radio" >
    <input name="1" type="radio"  checked="checked" >
    <input name="1" type="radio" >
    <input name="1" type="radio" >
</div>

为什么我不能使用“查找”和“每个”功能来证明检查哪个 radio ？

Answer 1

属性值为'checked'，而不是true:

if ($(this).attr("checked") == 'checked') {
  console.log("You have checked the " + index);
}

另请注意，您可以使用 :checked 选择器使索引检索成为一行:

$(document).ready(function() {
  var index = $(".div").find("input:checked").index();

  console.log("You have checked the " + index);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="div">
  <input name="1" type="radio">
  <input name="1" type="radio" checked="checked">
  <input name="1" type="radio">
  <input name="1" type="radio">
</div>