根據從數據庫檢索的值，檢查表單上的單選按鈕

Question

我正在嘗試將數據庫（jsonObj.TEMP.RECS [x] .GENDER）中存儲的“性別”值填充到HTML表單上。 假設值是“ Male”，我希望選擇“ Male”單選按鈕。 請幫忙。

<input type="radio" name="gender" value="Male"> Male
<input type="radio" name="gender" value="Female"> Female

使用Javascript：

document.getElementsByName("gender").value = jsonObj.TEMP.RECS[x].GENDER;

Answer 1

嘗試使用querySelector因為getElementsByName()將返回對象數組，並且您想檢查jsonObj.TEMP.RECS[x].GENDER具有特定value jsonObj.TEMP.RECS[x].GENDER ，請jsonObj.TEMP.RECS[x].GENDER下面的示例：

document.querySelector('input[value="'+jsonObj.TEMP.RECS[x].GENDER+'"]').checked = true;

希望這可以幫助。