javascript - jQuery 在 PHP foreach 循环中检查 2 个复选框

Question

我有一个 JavaScript 脚本，允许同时检查 2 个具有相同值的复选框，但它不起作用。

借助 php 的 foreach 循环，我从数据库中获取了值。这是我的测试代码:

    <?php
            //checkboxes
            foreach($host1 as $row){
                echo'<input type="checkbox" name="list[]" value="'.$row['table'].'">';
            }
            foreach($host1 as $row){
                echo'<input type="checkbox" name="list[]" value="'.$row['table'].'">';
            }
           //script
           foreach($host1 as $row){ ?>
            <script type="text/javascript">
           var $checkboxes = $("input[type=checkbox][name='list[]'][value='<?php echo $row['table']?>']");
                $checkboxes.on("click", function() {
                var checkedState = this.checked
                $checkboxes.each(function() {
                    this.checked = checkedState;
            });
           });
            </script>
<?php    }

如果我将值 $row['table'] 更改为一个简单的数字，例如“2”，它就可以工作。我还会查看每个复选框的值 ($row['table']) 是否相同，并且都很好。

奇怪的事情:当我选中任何复选框时，它不会检查相应的复选框，而是会检查表格的最后一个。

有什么想法我的错误在哪里吗？

谢谢;)

Answer 1

你应该试试这个。我想这就是你想要的

<?php
//checkboxes
foreach ($host1 as $row) {
    echo'<input class="my_cb" type="checkbox" name="list[]" value="' . $row['table'] . '"/>';
}
foreach ($host1 as $row) {
    echo'<input class="my_cb" type="checkbox" name="list[]" value="' . $row['table'] . '"/>';
}
//script
?>
<script type = "text/javascript">
    $(document).ready(function () {

        $(".my_cb").on("click", function () {
            var val = $(this).val();
            var checkboxes = $("input[type=checkbox][name='list[]'][value='"+val+"']");
            var checkedState = this.checked;
            checkboxes.each(function () {
                this.checked = checkedState;
            });

        });
    });
</script>