插入JSON數據到無線電輸入與JavaScript

Question

我有一個數據庫，其中一個PHP發佈值與JSON到我的應用程序。 我的願望是將這些值填充到原始用戶生成的輸入中。

我可以使用這個命令來填充文本輸入：

document.getElementById("value1").value=item.value1; 

但我怎麼返回值無線電輸入？

Answer 1

設置checked屬性，像這樣：

document.getElementById('radioId').checked = 'checked'; 

相反，你可以刪除屬性取消選中它：

document.getElementById('radioId').removeAttribute('checked'); 

寫例如：

<input id="maleRadioBox" type="radio" name="sex" value="male">Male<br> 
<input id="femaleRadioBox" type="radio" name="sex" value="female" checked>Female</input> 
[...] 
if(values.maleChecked) 
    document.getElementById('maleRadioBox').checked = 'checked'; 
else 
    document.getElementById('maleRadioBox').removeAttribute('checked'); 
if(values.femaleChecked) 
    document.getElementById('femaleRadioBox').checked = 'checked'; 
else 
    document.getElementById('femaleRadioBox').removeAttribute('checked'); 

讀例子：

<input id="maleRadioBox" type="radio" name="sex" value="male" checked>Male<br> 
<input id="femaleRadioBox" type="radio" name="sex" value="female">Female</input> 
[...] 
if(document.getElementById('maleRadioBox').hasAttribute('checked')) 
    values.maleChecked = 'checked'; 
// or maybe values.maleChecked = document.getElementById('maleRadioBox').hasAttribute('checked'); 
if(document.getElementById('femaleRadioBox').hasAttribute('checked')) 
    values.femaleChecked = 'checked'; 
// or maybe values.femaleChecked = document.getElementById('femaleRadioBox').hasAttribute('checked'); 

你總是可以讓一個函數來簡化它：

function updateRadioInput(id, checked) { 
    if(checked) 
    document.getElementById(id).checked = 'checked'; 
    else 
    document.getElementById(id).removeAttribute('checked'); 
} 

updateRadioInput('maleChecked', values.isMaleChecked); 
updateRadioInput('femaleChecked', values.isFemaleChecked); 
// etc...