通过jquery获取复选框值

时间:2016-06-03 13:09:34

标签: javascript jquery checkbox

<?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 ...所以我想知道我是否可以在复选框本身内以某种方式达到复选框的价值......必须有一种方法可以做到这一点,有人可以帮助我吗?

谢谢! :)

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:-1)

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

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

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