通过 jquery 获取复选框值

Question

<?php foreach($active_brand as $brand) { ?>
    <input class="my-checkbox"  value="<?=$brand['id']?>" type="checkbox" <?php if($brand['active']==1) { echo "checked data-toggle='toggle'";} else {echo "data-toggle='toggle' class='off'"; }  ?>>
    <input class="brandActive" id="brandActive" type="hidden" value="<?=$brand['active']?>">
    <?php } ?>

我正在尝试在 jquery 中访问更改功能上的复选框值：

 <script>
        $(document).ready(function() {
            $('.my-checkbox').change(function() {
          /*      var brandStatus = 0;
                if($('.brandActive').val()==0)
                {
                    brandStatus=1;
                }
                else{
                    brandStatus=0;
                }*/
                alert($(this).val()); // this value is ok 
                alert($('.brandActive').val()); // this values => not ok
            });
        });
    </script>

打印出来的值：

 $('.brandActive').val()

总是0...所以我想知道是否可以在复选框本身内以某种方式达到复选框的值...必须有一种方法可以做到这一点，有人可以帮我吗？？

谢谢！ :)

Answer 1

$('.my-checkbox').click(function() {
  if(this.checked){
   // do sth
  } else {}
});

Answer 2

您永远不会更新input type hidden 的值。

在change 事件处理程序的开头添加：

$(this).next().val($(this).val());