Question

我已经编写了这个代码，它是一个表单，如果单击一个复选框，它会将信息从表单顶部复制到底部，然后如果在顶部表单中更改了任何信息，则会更改它。现在，如果单击该复选框，我想让用户无法编辑底部表单，并使顶部表单可访问，但我想在同一个单击语句中执行此操作。我写它的方式完全禁用了我的功能，而且我想知道是否有人可以提出任何关于如何解决这个问题的想法......

 $("#Referral_SameAsAbove_T").click(function(){ 
    if ($("#Referral_SameAsAbove_T").is(':checked')) 
    { 
        // Checked, copy values 
        $("#Referral_PayToAddress_T").val($("#Referral_Address_T").val()); 
        $("#Referral_PayToCity_T").val($("#Referral_City_T").val()); 
        $("#Referral_PayToState_T").val($("#Referral_State_T").val()); 
        $("#Referral_PayToZip_T").val($("#Referral_Zip_T").val()); 
        $("#Referral_PayToAddress_T,#Referral_PayToCity_T,#_Referral_PayToState_T,#Referral_PayToZip_T").val('').attr('editable', false);
    } 
    else 
    { 
        // Clear on uncheck 
        $("#Referral_Address_T").val(""); 
        $("#Referral_City_T").val(""); 
        $("#Referral_State_T").val(""); 
        $('#Referral_PayToAddress_T,#Referral_PayToCity_T,#_Referral_PayToState_T,#Referral_PayToZip_T').attr('editable', true);
    } 
});

Answer 1

试试这个

使用.attr（'readonly'，true）; AND .attr（'readonly'，false）;

 $("#Referral_SameAsAbove_T").click(function() {
        if ($("#Referral_SameAsAbove_T").is(':checked')) {
            // Checked, copy values 
            $("#Referral_PayToAddress_T").val($("#Referral_Address_T").val());
            $("#Referral_PayToCity_T").val($("#Referral_City_T").val());
            $("#Referral_PayToState_T").val($("#Referral_State_T").val());
            $("#Referral_PayToZip_T").val($("#Referral_Zip_T").val());
            $("#Referral_PayToAddress_T,#Referral_PayToCity_T,#Referral_PayToState_T,#Referral_PayToZip_T").prop('readonly', true);
        }
        else {
            // Clear on uncheck 
            $("#Referral_Address_T").val("");
            $("#Referral_City_T").val("");
            $("#Referral_State_T").val("");
            $("#Referral_Zip_T").val("");
            $("#Referral_PayToAddress_T,#Referral_PayToCity_T,#Referral_PayToState_T,#Referral_PayToZip_T").prop('readonly', false);
        }
    });

FIDDLE

UPDATED FIDDLE

一键添加2个功能

1 个答案: