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

Question

您好，我需要一些有关 javascript 的帮助。

我有 3 个下拉选项，字段 ID“合格”、“合格1”、“合格3”。此下拉选项的选项是是/否

然后我有一个列表单选按钮字段，字段 ID 为“合格”、“合格1”、“合格3”。

这些单选按钮字段的选项是合格/不合格

因此，我尝试使用 JavaScript 创建的场景是，有人为下拉问题选择“是”，然后相关字段（“合格”、“合格1”、“合格3”）的单选按钮将自动选择“合格” ”。

谢谢约瑟夫

标签： javascript

Answer 1

首先，请确保 ID 在您的页面中是唯一的。让我们考虑下拉字段是 'select_eligible'、'select_eligible1'..etc 和单选按钮：'radio_eligible'、'radio_eligible1'..etc

如果用户将 'select_eligible' 设置为 'Yes'，下面的代码将检查 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>