检索多个复选框值的问题答案

【问题标题】：problem in retriving multiple checkbox values检索多个复选框值的问题
【发布时间】：2011-09-22 06:52:20
【问题描述】：

我无法访问我选择的复选框的值。这是我尝试过的代码。

<input type="checkbox" id="<%= "gname_" + in.intValue() %>" name="chkBox" onclick='chkboxSelect(localArrGroupNames[<%=in.intValue() %>],<%= "gname_" + in.intValue() %>)'>



JS code:  
function chkboxSelect( chkBoxValue, id){  
      var i=0;  
    if(id.checked)  {  
       var selected;  
       alert("id:  " + chkBoxValue + i);  
       selected[i] = chkBoxValue;  
       i++;  
    }  

    }

虽然我选择了多个值，但我在警报中只得到一个值。例如，如果我选择红色、蓝色、绿色，在我选择每个之后，我的警报中只会得到一个。请帮我。提前致谢。

【问题讨论】：

你试过设置'chkBoxValue=null;'在最后？也许您可以确保复选框在第一次选择后返回值。

标签： javascript jsp

【解决方案1】：

如果所有复选框都具有相同的名称chkBox

<!DOCTYPE HTML>
<html>
<head>
<title>Title of the document</title>
<script>
  function getValues(){
        var cbs    = document.getElementsByName('chkBox');
        var result = '';

        for(var i=0; i<cbs.length; i++) {
         if(cbs[i].checked ) result += (result.length > 0 ? "," : "") + cbs[i].value;
        }

        alert(result);
        return result;
     }
</script>
</head>

<body>  
 <input type="checkbox" id="gname_1" name="chkBox" onclick='getValues();' value='red'>Red<br>
 <input type="checkbox" id="gname_2" name="chkBox" onclick='getValues();' value='green'>Green<br>
 <input type="checkbox" id="gname_3" name="chkBox" onclick='getValues();' value='blue'>Blue<br>
</body>

</html>

【讨论】：

我上，上，未定义，上，未定义，上
我已经更新了代码。您需要为每个复选框添加一个值。

【解决方案2】：

如果你使用多个同名复选框，你的代码应该是这样的：

<input type="checkbox" name="chkBox[]" value="red">
<input type="checkbox" name="chkBox[]" value="green">
<input type="checkbox" name="chkBox[]" value="blue">

如果你提交表单，你会得到一个数组... ($_POST['chkBox'][0])

【讨论】：

请注意，这将在 PHP 中工作，但 OP 将 Java 作为服务器端逻辑。在那里它可能以不同的方式工作。
OP 没有使用 PHP。 OP 正在使用 JSP。 JSP 不需要像 PHP 那样的傻括号。 PHP 需要这种特殊的带括号的后缀语法，因为否则它将返回带有第一个值的 String，而不是带有所有值的 String[]。