0

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

 $("#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);
    } 
});
4

1 回答 1

0

尝试这个

使用 .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);
        }
    });

小提琴

更新的小提琴

于 2012-10-04T15:24:22.203 回答