我的问题是我试图在表单正下方显示输入到表单中的内容,但出于某种原因,我的单选按钮返回未定义状态。
我尝试在单选按钮本身中放置一个 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] 删除。
我来说两句