单选按钮检查未检查

Question

我遇到以下代码的问题：

<div>
<span>Item 1</span>
<input type="radio" name="radio1" id="radio1" checked="checked" />
</div>

<div>
<span>Item 2</span>
<input type="radio" name="radio1" class="checkbox" id="radio2" />
</div>

我已将checked =“checked”添加到第一个复选框，但由于某种原因，检查的是第二个复选框。

Answer 1

根据您发布的代码判断，缺少的代码中的内容必须是wronge。我把你的代码放在一个jsfiddle（1）中，它就像一个魅力。

根据w3schools，checked="checked"是正确的（http://www.w3schools.com/TAGS/att_input_checked.asp）。我经常使用<input type="radio" "name="foo" checked />，这也有用。

有关该网站的更多信息将会有所帮助。

Answer 2

如果有多个单选按钮具有相同的id和/或name属性，则仅使用最后一个值。

更改每个单选按钮的name属性，它将起作用。

Answer 3

Radio inputs must be inside of a form for 'checked' to work.
<form>
<div>
<span>Item 1</span>
<input type="radio" name="radio1" id="radio1" checked>
</div>

<div>
<span>Item 2</span>
<input type="radio" name="radio1" class="checkbox" id="radio2">
</div>
</form>

Answer 4

这是因为你使用相同的名称.... id和名称应该是唯一的。将第二个复选框中的名称替换为radio1