gpt4 book ai didi

javascript - HTML 单选按钮

转载 作者:行者123 更新时间:2023-12-02 19:53:42 25 4
gpt4 key购买 nike

对 HTML 很陌生,我想知道为什么这段代码不起作用?

<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<div style="font-family: Consolas;">
<h1>This is a survey regarding *</h1>
<form name="firstQuestion" method="get" action="">
<input type="radio" name="q1" value="1" id="num1">I think its 1<br>
<input type="radio" name="q1" value="2" id="num2">I think its 2<br>
<input type="radio" name="q1" value="3" id="num3">I think its 3<br>
<input type="radio" name="q1" value="4" id="num4">I think its 4<br>
<input style="position: absolute; bottom: 10px; right: 10px" type="button" value="proceed" onclick="alert('Checked value is: '+getCheckedValue(document.forms['firstQuestion'].elements['q1']))">
</form>
</div>
</body>

问题是,当我按下“继续”按钮时,没有任何反应,而它应该返回所选的单选按钮,如您所见。

现在我也正在这样做,有谁知道如何在选项 3 和 4 之间添加一个额外的文本字段(如果选择了可能性 3)?默认情况下,如果未选择 3,则文本字段不应可见。

最佳答案

按钮处理程序正在调用名为 getCheckedValue 的 JavaScript 函数,但您尚未定义它。

===更新===

<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function getCheckedValue(oElements) {
// TODO: put in the function body here
}
<script>
</head>

关于javascript - HTML 单选按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8930111/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com