Question

我正在创建一个包含单选按钮和复选框的表单。我想用javascript onsubmit和php验证表单。要使php工作，我必须在名称中用[]编写复选框和单选按钮（例如）我搜索了其他主题，看到我可以为radiobuttons设置一个默认的选中值，以避免人们可能没有选择值。没关系。但是，我还需要确保人们检查不超过3个复选框。

无法做到这一点

var count = 0;
for (x=0; x<document.fic_rec.rec_genre.length; x++){
    if (document.fic_rec.rec_genres[x].checked){
        count++;
    }
}

if (count==0){
    rec_error += "at least 1 genre; ";
}
else if (count>3){
    rec_error += "no more than 3 genres; ";
}

我收到错误提示“无法读取未定义的属性'长度' 我的HTML代码如下所示：

<ul class="sub_ul">
<li class="sub">
<input type="checkbox" name="rec_genres[]" id="action"value="action" />
<label for="action">Action/Adventure</label></span><li class="sub"><u>Alternative reality</u></li>
<li class="sub_sub"><input type="checkbox" name="rec_genres[]" id=au_history     value="au_history" />
<label for="au_history">AU History</label></li><li class="sub_sub"><input type="checkbox" name="rec_genres[]" id=au_universe value="au_universe" />
<label for="au_universe">AU Universe</label></li><li class="sub_sub"><input type="checkbox" name="rec_genres[]" id=au_other     value="au_other" />

等等

帮助！谢谢！

Answer 1

使用例如要访问这些元素的元素集合：

document.fic_rec.elements['rec_genres[]']

请注意：如果找到的元素超过1，则返回nodeList 如果只有一个具有给定名称的元素，它将返回元素本身而不是nodeList。

您也可以使用querySelectorAll()（IE＆lt; 8不支持）

document.querySelectorAll('form[name="fic_rec"] input[name="rec_genres[]"]')

...无论找到多少元素，都会返回一个nodeList。

回答评论：

var radio_count = 0;         
for (var i=0;i<document.fic_rec.elements['rec_pub_length[]'].length;i++) 
{ 
  if (document.fic_rec.elements['rec_pub_length[]'][i].checked) 
  { 
    radio_count = 1; 
    break;
  } 
} 
if (radio_count != 1) { rec_error += "story length; "; }

使用PHP和JS中的复选框

1 个答案: