在表单中签入的强制单选按钮不起作用

mandatory radio button checked in form not working

本文关键字：单选按钮 不起作用 表单      更新时间：2023-09-26

我已经在这里搜索了一个多小时，并在这里和网络上搜索了答案，但无法做到这一点，所以我现在正在寻求一些帮助。

我有一个表格，其中所有字段都必须填写，包括要选择的"单选"按钮，称为"仪器"的单选按钮组。

任何帮助，不胜感激。

这是我的Javascript：

<script type="text/javascript">
    function checkFields(f) {
        name1 = document.form1.name1.value;
        name2 = document.form1.name2.value;
        email1 = document.form1.email1.value;
        instrument = document.form1.instrument.value;
        stylemusic = document.form1.stylemusic.value;
        if ((name1 == "") || (name2 == "") || (email1 == "") || (instrument == "") || (stylemusic == "")) {
            alert("All fields need to be filled.");
            return false;
        }
}

和我的表单代码：

<input type="radio" value="percussion" name="instrument">Percussion
<input type="radio" value="wind" name="instrument">Wind

我找到了答案并在此处发布，以防有人遇到同样的问题：

if((document.form1.instrument[0].checked==false)&&(document.form1.instrument[1].checked==false))
{
alert('You must make a choice');
return false
}

注意：添加 [2]、[3] 等的另一个实例，以适应更多的单选按钮选择。

您不需要对单选按钮使用验证，只需默认选中其中一个单选按钮，这样，您将确保每个组都有一个选中按钮。

这完成了两件事：

  • 选中必填组
  • 无需JavaScript验证

当然，我假设您使用的是组，单选按钮单独没有意义，它们需要分组。

相关文章：