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...

使用javascript将JSON数据插入无线电输入

1 个答案: