javascript - 单击复选框清除表单字段

Question

我有一个表单，用户可以在其中填写详细信息并可以检查帐单详细信息是否相同。在这种情况下，相同的数据将被复制到计费部分。这个脚本工作得很好。 但是，如果用户意外点击，则在点击“账单信息不同”复选框后，数据应该被删除。我正在使用类似的脚本，但我没有复制，而是尝试添加 val("")。你能建议我做错了什么吗？

复制脚本:

jQuery(document).ready(function($) {
    $('input#choice_2_42_1').click(function() {
        if($(this).is(':checked')) {
            $('#input_2_35').val($('#input_2_9').val());
            $('#input_2_36').val($('#input_2_10').val());
            $('#input_2_37').val($('#input_2_4_1').val());
            $('#input_2_38').val($('#input_2_4_3').val());
            $('#input_2_39').val($('#input_2_4_5').val());
            $('#input_2_40').val($('#input_2_33').val());
            $('#input_2_41').val($('#input_2_34').val());
        };
    });
});

删除代码:

jQuery(document).erase(function($) {
    $('input#choice_2_20_1').click(function() {
        if($(this).is(':checked')) {
            $('#input_35').val("");
            $('#input_36').val("");
            $('#input_37').val("");
            $('#input_38').val("");
            $('#input_39').val("");
            $('#input_40').val("");
            $('#input_41').val("");
        };
    });
});

Answer 1

如果您在复制代码上看到，您的 id 是这样的

#input_2_35
#input_2_36

在删除时，您有不同的 ID

#input_35
#input_36

只需更改删除代码以适合 ID

jQuery(document).erase(function($) {
    $('input#choice_2_20_1').click(function() {
        if($(this).is(':checked')) {
            $('#input_2_35').val("");
            $('#input_2_36').val("");
            $('#input_2_37').val("");
            $('#input_2_38').val("");
            $('#input_2_39').val("");
            $('#input_2_40').val("");
            $('#input_2_41').val("");
        };
    });
});