javascript - 文本字段与单选按钮一起出现,其中我的表单没有文本输入

标签 javascript html

enter image description here 当我运行我的代码时我得到了这个。我没有文本输入,但当我运行此命令时,我看到文本输入和单选按钮。

<script>

function validateForm() {
    var x = document.forms["myForm"][0].value;
    if (x == null || x == "") {
        alert("i must be checked");
        return false;
    }
 var y = document.forms["myForm"][1].value;
    if (y == null || y == "") {
        alert("j must be checked");
        return false;
    }
    var z = document.forms["myForm"][2].value;
    if (z == null || z == "") {
        alert("k must be checked");
        return false;
    }
}
</script>

<body>
<form name="myForm" onsubmit="return validateForm()">
<input type="radio" name="i">click<input/>
<input type="radio"name="j">click<input/>
<input type="radio"name="k">click<input/>
<input type="submit" value="submit">
</form>
</body> 

最佳答案

您在每个单选按钮的末尾使用这些空输入标签,输入标签默认呈现为文本框

<input/>

此外,您必须使用结束标记关闭 radio

<input type="radio" name="i" />click

关于javascript - 文本字段与单选按钮一起出现,其中我的表单没有文本输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37046686/

相关文章:

jQuery 选择所有禁用的文本框

javascript - 我怎样才能拥有能够扩展一行中所有列的 Bootstrap 文本区域

javascript - 自定义 Native Base 选项卡

javascript - 键名未知时无法访问 JSON 中的元素

html - 为什么 UIWebView 中无法加载 HTML 图像

jquery - 使用 Javascript 突出显示多个 HTML 元素

javascript - noscript 标签在不同浏览器中的处理方式

javascript - 在 React-Redux 中实时重新排序列表的最佳方法?

html - 如果我增加另一个 wrapper , wrapper 边距顶部会增加

javascript - js如何接收jsp的参数?