在最近的项目开发中，使用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>