單選按鈕不檢查檢查按鈕

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

在單選按鈕，檢查是不是屬性接受真或假。這是一個財產。所以無論是檢查將工作 或檢查= 「選中」將工作

<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

差B/w屬性和屬性

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>