自动检查单选按钮或自动填充文本框

时间:2018-10-02 15:36:20

标签: javascript

您好,我需要一些有关JavaScript的帮助。

我有3个下拉选项,字段ID为“ eligible”,“ eligible1”,“ eligible3”。 此下拉选项的选项为“是/否”

然后我又有了一个列表单选按钮字段,字段ID为“ eligible”,“ eligible1”,“ eligible3”。

这些单选按钮字段的选项为“合格” /“不合格”

因此,我尝试使用JavaScript创建的场景是,有人为下拉问题选择“是”,然后相关字段(“合格”,“合格1”,“合格3”)的单选按钮将自动显示。选择“符合条件”。

谢谢 约瑟夫

1 个答案:

答案 0 :(得分:1)

首先,请确保ID在您的页面中是唯一的。 让我们考虑下拉字段为“ select_eligible”,“ select_eligible1” .. etc 对于单选按钮:“ radio_eligible”,“ radio_eligible1” ..等

如果用户将“ select_eligible”设置为“是”,则下面的代码将检查id ='radio_eligible'的无线电:

<script>
function val() {
    d = document.getElementById("select_eligible").value;
    if('Yes' == d ){
      document.getElementById("radio_eligible").checked = true;
    }
}
</script>

<select onchange="val()" id="select_eligible">
 <option value="Yes">Yes</option>
 <option value="No">No</option>
</select>