当复选框分配有 jQuery 时，勾选不再起作用

Question

我的一个页面上的复选框有一个奇怪的问题。基本上我有一些 jQuery （下面）分配给它，这样当它被点击时，下面的字段会填充与上面相同的信息（与计费信息类似）但是当这个 jQuery 被分配给它时，勾选失败填写复选框。

我尝试了各种方法来手动勾选复选框，但无济于事，有人能解释一下这个问题吗？

$('#sameasbilling').toggle(function() {

    //assign value of billing firstname text input to variable 'firstname'
    var firstname = $('input[name=billingfirstnames]').val();

    //insert value of 'firstname' into delivery text input
    $('input[name=deliveryfirstnames]').val(firstname);

    $('#sameasbilling').attr("checked", checked);

},function() {
    $('input[name=deliveryfirstnames]').val("");
});

我尝试过的 jQuery（加上这两行的许多变体）来让自动收报机手动工作如下，它们都没有工作。

$('#sameasbilling').attr("checked", checked);

$('#sameasbilling').prop("checked", true);

提前致谢。丹。

Answer 1

在这种情况下，您对toggle() 方法的使用不正确，请改用click()。试试这个：

$('#sameasbilling').click(function() {
    if ($(this).is(":checked")) {
        //assign value of billing firstname text input to variable 'firstname'
        var firstname = $('input[name=billingfirstnames]').val();

        //insert value of 'firstname' into delivery text input
        $('input[name=deliveryfirstnames]').val(firstname);
    }
    else {
         $('input[name=deliveryfirstnames]').val("");
    }
}