检索多个复选框值时出现问题

发布于 2024-12-06 01:56:10 字数 565 浏览 1 评论 0原文

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

<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++;  
    }  

    }  

尽管我选择了多个值,但我的警报中仅得到一个值。 例如,如果我选择红色、蓝色、绿色,选择每一个后,我的警报中只会出现一个。 请帮我 。提前致谢。

I am unable to access the values of checkboxes i select.
Here is my code which i tried.

<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++;  
    }  

    }  

I get only one value in my alert though I select more than one value.
For example if i select red, blue, green, After I select each, I get only one in my alert.
Please help me . Thanks in advance.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

奢华的一滴泪 2024-12-13 01:56:10

如果所有复选框都具有相同的名称​​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>

If all checkboxes have the same name 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>
予囚 2024-12-13 01:56:10

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

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

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

If you use multiple checkboxes with the same name, your code shoud be like this:

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

if you submit the form, you will get an array... ($_POST['chkBox'][0])

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文