Question

我正在设置一个复选框的复选属性，使用JQuery作为`$（'＃food'）。prop（'checked'，true）;

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

HTML code：

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

Answer 1

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

无线电类型相同

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

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

您有一个HTML错误，它应该是什么样的。

更确切地说，这段代码--jQuery代码是正确的

checked"=""

看：https://jsfiddle.net/dtdLnfhg/

Answer 3

正如预期的那样，HTML代码中存在错误。还有一个额外的引用＆＃34;检查后。只需删除它。

＆＃13;

$('input[type="checkbox"]').prop('checked' , true);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="radio" name="food" value="yes" id="food" checked="">

＆＃13;

已检查的属性在HTML中未正确显示

3 个答案: