机遇屋-jquery高版本中使用.attr("checked")数据是undefined

jquery高版本中使用.attr("checked")数据是undefined

作者：ych

### 代码案例
```
<input type="checkbox" id="tos">
<label for="tos">Agree</label>
<button id="checkBtn">Check Status</button>

<script src="https://code.jquery.com/jquery-1.8.2.min.js"></script>
<script>
$(document).ready(function() {
  $('#checkBtn').on('click', function() {
    // 错误的方式 (在 1.10.x 中，如果初始 HTML 没有 checked, 这里会是 undefined) jquery-1.9.1.min也是undefined
    console.log("Using attr: ", $("#tos").attr("checked"));

// 正确的方式
    let isChecked = $("#tos").prop("checked");
    console.log("Using prop: ", isChecked); // true or false

if (isChecked) {
      alert("Checkbox is checked!");
    } else {
      alert("Checkbox is NOT checked.");
    }
  });

// 改变选中状态来测试
  $("#tos").on("change", function(){
    console.log("Changed! New prop value: ", $(this).prop("checked"));
    // 如果初始 HTML 没有 checked attribute, attr 仍然是 undefined
    // console.log("Changed! Attr value (likely undefined): ", $(this).attr("checked"));
  });
});
</script>
```

评论区

先去登录