javascript - 已检查的属性在 HTML 中出现错误

Question

我正在使用 JQuery 为复选框设置一个 checked 属性 `$('#food').prop('checked' , true);

检查的属性是在 HTML 代码中设置的，但不正确。该属性被设置为 checked"=""。为什么会这样？可能是什么问题。

HTML代码:

<input type="radio" name="food" value="yes" id="food">

Answer 1

因为false在浏览器中转换为空白

checked = false;
function toggleChecked(){
  $('input[type="checkbox"]').prop('checked' , checked);
  $('#test').html(checked);
  console.log("checked : "+checked);
  checked = !checked;
  
}
toggleChecked();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox">
<input type="button" onclick="toggleChecked()" value="Toggle">
<div id="test"></div>

radio 类型相同

checked = false;
function toggleChecked(){
  $('input[type="radio"]').prop('checked' , checked);
  $('#test').html(checked);
  console.log("checked : "+checked);
  checked = !checked;
  
}
toggleChecked();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio">
<input type="button" onclick="toggleChecked()" value="Toggle">
<div id="test"></div>