使用单选按钮时,从表单中编辑数据库

时间:2016-01-10 15:34:07

标签: javascript forms radio

我有一个包含一些信息的数据库,然后我用php和javascript显示 如果我点击编辑,则打开一个javascript表单,我可以编辑显示的信息。这一切都很好但不是输入字段(我在其中显示当前数据库内的数据)我想使用单选按钮。

所以我需要创建一个名为Yes和No的单选按钮,如果数据库中的信息= 0我想显示no而1显示是

使用输入字段时,我看到是或否(取决于数据库中存储的内容)如何在此方案中使用单选按钮。

我的输入字段如下所示

<input type='text' class='input' name='test_" +id+ "' value='"+test+"' />    

1 个答案:

答案 0 :(得分:0)

考虑到你有这样的HTML:

<form name="yesnoform">
    <label for="no">No</label><input value="no" type="radio" name="yesno" id="no"/>
    <label for="yes">Yes</label><input value="yes" type="radio" name="yesno" id="yes"/>
</form>

您可以使用此代码选择正确的单选按钮:

var fromDB = 0;
document.yesnoform.yesno[fromDB].checked=true;

如果你想先点亮单选按钮:

<form name="yesnoform">
    <label for="yes">Yes</label><input value="yes" type="radio" name="yesno" id="yes"/>
    <label for="no">No</label><input value="no" type="radio" name="yesno" id="no"/>
</form>

然后使用它:

var fromDB = 0;
var value = fromDB === 0 ? 1 : 0;
document.yesnoform.yesno[value].checked=true;

这是JSBin:https://jsbin.com/fijiteruba/edit?html,js,output

希望这有帮助。