使用jquery切换时未检查复选框

我希望在使用jquery切换function时检查复选框。 当我使用.bind('click')时，它工作正常。

 $('#chkb').toggle(function () { $('#va').text("checked"); $('#chkb').attr('checked', 'checked'); }, function () { $('#chkb').attr('checked', 'false'); $('#va').text(""); }); 

HTML

我该如何完成它。

谢谢Jean

Answer 1

你真的必须在代码中checked它吗？ （有没有我遗漏的东西？单击时复选框，已经切换了它的已检查属性值。）

更好的方法是使用这样的改变，

 $('#chkb').change(function () { var self = this; $('#va').text(function(i,text){ return self.checked?"checked":""; }); }) 

Answer 2

 chkb = $('#chkb'); va = $('#va'); chkb.change(function () { va.text(chkb[0].checked ? "checked" : ""); }); 

将选择器缓存到变量中会加快速度 – 不必每次都搜索dom。 将chkb放入变量意味着它可以在jQuery中的其他地方使用，而不是使用this 。