jQuery实时获取checkbox状态问题

在最近的项目开发中，使用jQuery操作checkbox时，发现一个问题。

Html代码如下：

<body>

    <div>

       <inputtype="checkbox"id="test">

    </div>

    <buttonid="btn">click</button>

    <div id="msg"></div>

</body>

JS代码如下：

 <scripttype="text/javascript">

   $(function() {

     $("#btn").click(function(){

       alert($("#test").attr("checked"));

     });

   });

 </script>

当未选中checkbox时，单击click按钮，弹出undefined，当手动选中checkbox时，单击click按钮，还是弹出undefined，如果checkbox初始化为已选中，则两次都弹出checked。也就是说通过attr方法无法实时获取checkbox的状态。

解决办法是使用is()方法：

修改代码如下：

<script type="text/javascript">

  $(function(){

    $("#btn").click(function(){

      alert($("#test").is(":checked"));

    });

  });

</script>

巴特西

jQuery实时获取checkbox状态问题

最新文章

热门文章