如何从未定义更改单选按钮的值

香农雷诺兹

我的问题是我试图在表单正下方显示输入到表单中的内容,但出于某种原因,我的单选按钮返回未定义状态。

我尝试在单选按钮本身中放置一个 id,但结果并不好。它只是说单选按钮列表中的第一个。我正在使用的代码:

function myFunction(){
  document.getElementById("HideOrShow").innerHTML = " SID: " + document.getElementById('sid').value + "<br>"
    + "First Name: " + document.getElementById('fname').value + "<br>"
    + "Last Name: " + document.getElementById('lname').value + "<br>"
    + "Major: " + document.getElementById('Major').value + "<br>"
    + "Advisor: " + document.getElementById('advisor').value + "<br>"
    + "New Student?: " + document.getElementById('checkbox').value + "<br>"
    + "Enrollment Date: " + document.getElementById('date').value;
}
<fieldset>
    <legend id="advisor">Advisor </legend>
    <input type="radio" name="Advisor" value="Chris_McCarthy">Chris McCarthy<br>
    <input type="radio" name="Advisor" value="Karen_Smith">Karen Smith<br>
</fieldset>

我需要它来显示被选择的顾问的名字

塞缪尔

您可以按照代码获取单选按钮的值。

function onRadioChange() {
  console.log(document.querySelector('input[name="Advisor"]:checked').value);
}
<fieldset>
    <legend id="advisor">Advisor </legend>
    <input type="radio" name="Advisor" value="Chris_McCarthy" onchange="onRadioChange()">Chris McCarthy<br>
    <input type="radio" name="Advisor" value="Karen_Smith" onchange="onRadioChange()">Karen Smith<br>
</fieldset>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章