Question

对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，有没有人知道如何在选项3和4之间添加额外的文本字段？默认情况下，如果不选择3，则文本字段不可见。

Answer 1

按钮处理程序正在调用名为getCheckedValue的javascript函数，但您尚未定义此函数。

=== UPDATE ===

<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>

Answer 2

我从您的问题中收集的是您正在尝试学习HTML，但不知道您实际上是在尝试使用JavaScript来查找值。

如果您正在使用某种教程，则需要查看定义getCheckedValue的位置并使用它。

如果您没有使用教程，我建议您学习如何使用JavaScript。

我发现W3Schools是一个很好的来源。

Html单选按钮

2 个答案: