有如下一段HTML代码,是一个checkbox
复选框:
<div class="line">
<label for="status">
<input type="checkbox" id="status" name="status" value="1" />开启
</label>
</div>
我们希望点击div.line
的时候,能够自动切换checkbox
的状态。
这个实现起来也很简单,JS代码如下:
<script type="text/javascript">
$(function() {
$('.line').click(function () {
var checkbox = $(this).find(':checkbox');
checkbox.prop('checked', !checkbox.prop('checked'));
});
});
</script>
注意,要用prop
判断checked
属性,用attr
达不到效果。
下一篇:
Javascript实现页面内容下载
友情提示:垃圾评论一律封号...