1

これが私のコードです

jQuery(document).ready(function() {

    if(jQuery('input[name="email_notification"]').is(":checked"))
        jQuery('#your_email').show();
    else
        jQuery('#your_email').hide();

    jQuery('input[name="email_notification"]').click(function(){
        if(jQuery(this).is(":checked"))
            jQuery('#your_email').show();
        else
            jQuery('#your_email').hide();
    });
});

この退屈な仕事をしているコードがたくさんあります。ページが読み込まれると、要素がチェックされているかどうかを確認し、別の要素を表示/非表示にします。次に、クリック イベントをバインドしてもう一度実行します。

私のコーディングライフを楽にする方法はありますか.....

前もって感謝します。

英語が苦手で、一部の編集者がこの質問にもっと明確なタイトルを付けてくれることを願っています.

4

2 に答える 2

3

ハンドラーをバインドして、DOM Ready でイベントをトリガーするだけです。

$(document).ready(function() {
    $('input[name="email_notification"]').change(function(){
        $('#your_email').toggle(this.checked);
    }).change();
});
于 2013-02-24T08:22:29.840 に答える
0

このようなことを試してください：

function handleEmailDisplay($EmailContainer)
{
    if($EmailContainer.is(":checked"))
        jQuery('#your_email').show();
    else
        jQuery('#your_email').hide();
}

jQuery(document).ready(function() {

    handleEmailDisplay($('input[name="email_notification"]'))

    jQuery('input[name="email_notification"]').click(function(){
        handleEmailDisplay($(this))
    });

});
于 2013-02-24T08:20:26.357 に答える