0

私は 2 つのラジオ ボタンを持っています。 は、ページの読み込み時にチェックされるデフォルトのラジオ ボタンであり、これが発生するrdPayOutstandingとrdPaySomeBalance非表示になり、正常に動作します。がチェックされている場合は、表示されるはずです。これも正常に機能します..rdPaytOutstandingBalancetxtPaySomebalancerdPaySomeBalancetxtPaySomeBalance

txtPaySomebalaceがチェックされているときに空の場合、rdPaySomebalanceページは処理されずにリロードされますが、これも正常に機能しますが、これが発生した場合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');
    });
});
4

1 に答える 1

0

あなたの質問テキストは理解しにくいです。ページの読み込み時にチェック済みの状態を読みたいと思うので、次のことができます。

$(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 を作成してください。

于 2013-01-22T12:46:47.340 に答える