Javascript 多复选框选择的onclick（）函数

我需要一种方法，通过它我可以得到多个复选框选择，我知道有一个onclick事件，我可以这样做，但这只是一个复选框。感谢使用jQuery的advvance

：

$('.select-all').click(function(e) {
            e.preventDefault();
            CheckAll();
    });

function CheckAll() {
    $("#checkboxes input").each( function() {
        $(this).attr("checked",status);
    });
}

HTML:

撒旦之家

撒旦之家

撒旦之家

撒旦之家

撒旦之家

检查此示例：

---

最简单的方法是使用jQuery这样的框架，基本上您有3个选项，无论您使用哪种选项，您都可以使用“：checkbox”作为下面的示例，请记住。live将附加事件，即使您动态添加新的checkbox（如果是您的情况）

.点击

$( "#YourCheckBoxID" ).click(function() {
  alert( "User clicked on Checkbox" );
});

.绑定

.活

问候。

HTML

<form action="url" method="post" id="form">
    <input type="checkbox" name="box" id="box1" value="checkVal1" />
    <input type="checkbox" name="box" id="box2" value="checkVal2" />
    <input type="submit" name="submit" id="submit" value="Submit" />
</form>

---

这应该行得通。

这是我的代码，它给出了一个具有多个复选框id的数组。您可以根据需要使用该数组。在你的机器上运行它，你会得到清晰的概念

 <script type="text/javascript" language="javascript">
        var arr = new Array();
        function createArr(id){
            var chkBoxId =  document.getElementById("arr_"+id);

            if(chkBoxId.checked){
                arr.push(chkBoxId.value);
            } else{
                for(var i = arr.length - 1; i >= 0; i--) {
                    if(arr[i] === chkBoxId.value) {
                       arr.splice(i, 1);
                    }
                }
            }
            alert(arr); // here you will get your array with multiple checkbox Id and you can use it
        }
    </script>
    <form name="CreateArray" id="CreateArray" method="post">
    <?php
        for($i=1;$i<=10;$i++){
    ?>
    <?php echo $i.".";?>&nbsp;<input type="checkbox" name="arr[]" value="<?php echo $i?>" id="arr_<?php echo $i?>" onclick="createArr(<?php echo $i?>);"/>
    <?php
        }
    ?>
    </form>

var arr=新数组（）；
函数createArr（id）{
var chkBoxId=document.getElementById（“arr_u2;”+id）；
如果（chkBoxId.已检查）{
arr.push（chkboxide.value）；
}否则{
对于（变量i=arr.length-1；i>=0；i--）{
if（arr[i]==chkBoxId.value）{
阵列拼接（i，1）；
}
}
}
警报（arr）；//在这里，您将获得具有多个复选框Id的数组，您可以使用它
}
向我们展示到目前为止您拥有的代码。您所说的“获取多个复选框选择”的确切含义是什么？假设我有
同一天
8小时
和几个复选框。现在，每当单击复选框时，我都需要调用onClick（）事件，因此，现在如果我在同一天调用onClick复选框，它将仅在我在同一天单击时调用onClick，但我需要获取所有单击的值。或者，如果没有
每个
，您可以执行
$（“#复选框输入”）.prop（“checked”，status）我对你的答案做了一些调整，但效果不错。谢谢@RobertI，因为我是新用户，所以我无法对您的答案进行投票。但是非常感谢你。
$(":checkbox").live('click', function() {
    alert('User clicked on Checkbox');
});

<form action="url" method="post" id="form">
    <input type="checkbox" name="box" id="box1" value="checkVal1" />
    <input type="checkbox" name="box" id="box2" value="checkVal2" />
    <input type="submit" name="submit" id="submit" value="Submit" />
</form>

$(document).ready(function(){
    $("#submit").click(function(){
        var value = $("input[type='checkbox']").val();
        console.log(value);
    })
})

 <script type="text/javascript" language="javascript">
        var arr = new Array();
        function createArr(id){
            var chkBoxId =  document.getElementById("arr_"+id);

            if(chkBoxId.checked){
                arr.push(chkBoxId.value);
            } else{
                for(var i = arr.length - 1; i >= 0; i--) {
                    if(arr[i] === chkBoxId.value) {
                       arr.splice(i, 1);
                    }
                }
            }
            alert(arr); // here you will get your array with multiple checkbox Id and you can use it
        }
    </script>
    <form name="CreateArray" id="CreateArray" method="post">
    <?php
        for($i=1;$i<=10;$i++){
    ?>
    <?php echo $i.".";?>&nbsp;<input type="checkbox" name="arr[]" value="<?php echo $i?>" id="arr_<?php echo $i?>" onclick="createArr(<?php echo $i?>);"/>
    <?php
        }
    ?>
    </form>