如何使用JavaScript數組變量設置一個HTML單選按鈕

Question

我有

<label for="gender" class="houseData">Male</label> 
<input type="radio" id="houseGender" name="gender" class="houseData" value="Male"/> 
<label for="gender" class="houseData">Female</label> 
<input type="radio" id="houseGender" name="gender" class="houseData" value="Female"/> 

和

document.getElementById("houseGender").value = house[houseID] [7]; 

其中房子[houseID] [7];是男性還是女性。

當我做了上述任務時，性別的單選按鈕不變。

有關如何解決此問題的任何想法，將不勝感激！

:-)

Answer 1

的元素的屬性id必須是唯一的。您有多個ID爲houseGender的元素。

您需要爲這兩個元素提供唯一的ID（例如，houseGenderMale和houseGenderFemale）。然後檢查您要分配的值，選擇正確的元素，並將其checked屬性設置爲true。例如：

document.getElementById("houseGenderMale").checked = 'true';