JQuery的，我怎麼顯示文本，如果單選按鈕的網頁後，檢查重新加載

Question

我有兩個單選按鈕，rdPayOutstanding和rdPaySomeBalance，rdPaytOutstandingBalance是在頁面加載時，發生這種情況時，txtPaySomebalance隱藏其被選中默認單選按鈕，它工作正常。當rdPaySomeBalance被選中然後txtPaySomeBalance應該顯示，其工作太細..

如果在rdPaySomebalance被選中時，頁面不被處理和txtPaySomebalace是空的重載，其正常工作太多，但發生這種情況時rdPaySomeBalance仍在檢查其是我想要的但是txtPaySomeBalance然後隱藏。

我使用jQuery隱藏和顯示文本框，我只隱藏它，如果rdPayOustandingBalance被選中，以防客戶端沒有啓用JavaScript。我希望有txtPaySomeBalance顯示當頁面重新加載和rdPaySomeBalance仍然被檢查，可以幫助我有jQuery的任何幫助，我還包括我的CSS。

.txtPaySomeBalance { 
    display: inline; 
} 

$(document).ready(function() { 

    if ($('.rdOutstandingBalance').attr('checked', true)) { 
     $('.txtPaySomeBalance').hide(); 
    } 

    $('.rdOutstandingBalance').click(function() { 
     $('.txtPaySomeBalance').hide(); 
     $('.txtPaySomeBalance').attr('disabled', true); 
    }); 

    $('.rdPaySomeBalance').click(function() { 
     $('.txtPaySomeBalance').show(); 
     $('.txtPaySomeBalance').removeAttr('disabled'); 
    }); 
}); 

Answer 1

你的問題的文字是很難理解的，我想你想讀的頁面加載選中狀態，這樣你就可以這樣做：

$(document).ready(function() { 
    // Cache your results to improve readability and perfomnce 
    var $rdOutstandingBalance = $('.rdOutstandingBalance'); 
    var $rdPaySomeBalance = $('.rdPaySomeBalance'); 
    var $txtPaySomeBalance = $('.txtPaySomeBalance'); 

    // Use change event instead of click! 
    $rdOutstandingBalance.change(function() { 
     if ($rdOutstandingBalance.is(':checked') == true) { 
      // Chain your method calls and use prop instead of attr 
      $txtPaySomeBalance.hide().prop('disabled', true); 
     }; 
    }) 
    // Trigger change event to set visible state 
    .change(); 

    // Use change event instead of click! 
    $rdPaySomeBalance.change(function() { 
     if ($rdPaySomeBalance.is(':checked') == true) { 
      // Chain your method calls and use prop instead of attr 
      $txtPaySomeBalance.show().prop('disabled', false); 
     }; 
    }); 
}); 

如果這沒有幫助，概述您的問題文本甚至更好，創建一個jsfiddle來處理！