清除复选框上的表单字段，单击

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

将擦除功能的内容移至就绪功能，然后它将起作用。

看这里的例子

$(document).ready(function() {
    $('#check').click(function() {
       if($(this).is(':checked')) {
          $('#text2').val($('#text').val());
        };
    });

   $('#check2').click(function() {
       if($(this).is(':checked')) {
           $('#text2').val('');
       };
   });
});

Answer 2

如果您看到复制代码上的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("");
        };
    });
});