切换复选框的点击问题

Question

请找到下面的代码

$("#chkCopy").toggle(function () {
   copyDetails(); 
},
function () {
   emptyCopyDetails();
});

// functions which do not have any effect on the checkbox
function copyDetails() {

}

function emptyCopyDetails() {
}

问题是复选框未显示选中状态。

演示

提前致谢

Answer 1

.toggle() 会中断检查，因为 .toggle() 实际上是.toggle() com/jquery/jquery/blob/1.4.4/src/event.js#L987" rel="nofollow">在 click 事件上调用 e.preventDefault()下面。我不建议采用这种方法，而是推荐这样的方法：

$("#chkCopy").change(function () {
  if(this.checked) {
    copyDetails();
  } else {
    emptyCopyDetails();
  }
});

这里是包含上述内容的演示的更新/工作版本方法。

Answer 2

$("#chkCopy").change(function () {                alert("1");

            },
            function () {
                alert("2");
            });

使用更改而不是切换

Answer 3

来自 文档：

由于 .toggle() 内部使用
单击处理程序要完成其工作，我们必须
取消绑定点击以删除行为
附加 .toggle()，所以其他
click 处理程序可以在
交火。 实施还
在事件上调用 .preventDefault()，
因此链接将不会被跟踪并且
如果出现以下情况，按钮将不会被点击
.toggle() 已被调用
元素。

因此，如果您希望选中和取消选中复选框，则不能使用 toggle()。您可以使用 click() 代替：

$("#chkCopy").click(function() {
   if (this.checked) {
       copyDetails();
   } else {
       emptyCopyDetails();
   }
});

Answer 4

看看这个答案，你会完成同样的事情

Jquery切换事件是弄乱复选框值