当复选框分配有 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("");
    }
}