检查的强制单选按钮不起作用

时间:2012-05-30 00:12:08

标签: javascript forms button radio required-field

我已经在这里工作了一个多小时,并在网上搜索并在网上搜索答案,但是无法让它工作,所以我现在请求一些帮助。

我有一个表格,其中必须填写所有字段,包括要选择的“收音机”按钮,称为“乐器”的单选按钮组。

感谢任何帮助。

这是我的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

2 个答案:

答案 0 :(得分:2)

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

if((document.form1.instrument[0].checked==false)&&(document.form1.instrument[1].checked==false))

{
alert('You must make a choice');
return false
}

注意:添加[2],[3]等的另一个实例,以便更多单选按钮选择。

答案 1 :(得分:0)

您不需要对单选按钮使用验证,只需在默认情况下选中其中一个单选按钮,这样,您就可以确保每个组都有一个选中的按钮。

这完成了两件事:

  • 检查所需的组
  • 无需javascript验证

当然,我假设您正在使用群组,单选按钮没有任何意义,需要进行分组。