Question

即使是第二台收音机也检查了它没有检查并检查最后一台

<div>
  <input type="radio" id="bed_room_1" name="room[bed_room]" value="1" checked="false" />
  <label for="bed_room_1">1</label>
  </input>

  <input type="radio" id="bed_room_2" name="room[bed_room]" value="2" checked="true" />
  <label for="bed_room_2">2</label>
  </input>
  <input type="radio" id="bed_room_3" name="room[bed_room]" value="3" checked="false" />
  <label for="bed_room_3">3</label>
  </input>
  <input type="radio" id="bed_room_4" name="room[bed_room]" value="4" checked="false" />
  <label for="bed_room_4">4+</label>
  </input>
</div>

Codepen链接codepen

Answer 1

签入单选按钮不是接受true或false的属性。这是一个属性。所以选中都可以或选中=＆＃34;已选中＆＃34; 将起作用

<input type="radio" id="bed_room_2" name="room[bed_room]" value="2" checked />
<label for="bed_room_2">2</label>

了解更多 Properties and Attributes in HTML

差异黑白属性和属性

http://lucybain.com/blog/2014/attribute-vs-property/

Answer 2

checked="false"无效。您应该使用checked或checked="checked"来指定要检查的输入：

<div>
  <input type="radio" id="bed_room_1" name="room[bed_room]" value="1" />
  <label for="bed_room_1">1</label>
  </input>
  <input type="radio" id="bed_room_2" name="room[bed_room]" value="2" checked />
  <label for="bed_room_2">2</label>
  </input>
  <input type="radio" id="bed_room_3" name="room[bed_room]" value="3" />
  <label for="bed_room_3">3</label>
  </input>
  <input type="radio" id="bed_room_4" name="room[bed_room]" value="4" />
  <label for="bed_room_4">4+</label>
  </input>
</div>

单选按钮未选中选中的按钮

2 个答案: