javascript - ページを開くときに Javascript jQuery がフィールドを非表示にする

Question

次のコードがあります。

<script>
    $('#advert').live('change', function () {
        if ($(this).is(':checked')) {
            $(":text").show();
        } else {
            $(":text").hide();
        }
    });
</script>

このコードは、チェックボックスがオンになっているときにテキスト フィールドを表示および非表示にします。それは完全に機能しますが、ページが開いたときにテキストフィールドを非表示にしたいです。

Answer 1

ドキュメント準備完了時にテキスト フィールドを非表示にします。
ドキュメントの準備完了イベントは、「読み込みが完了したら、このコードを実行してください」と言います。したがって、ページの読み込み時に、テキスト フィールドで . hide() が起動します。とてもパワフルです！

$(document).ready( function () {
  $(":text").hide();
});

もう 1 つの方法は、スタイルを「display: none;」に設定することです。これらのそれぞれについて。それから彼らは隠れて始めます

Answer 2

<script>
$(function() {
    $('#advert').live('change', function(){
    if($(this).is(':checked')){
    $(":text").show();
    } else {
    $(":text").hide();
    }
    }).trigger('change');
});
</script>

これは、ユーザーがボックスをクリックし、別のページに移動し、戻るボタンをクリックし、ブラウザによってボックスが自動的にチェックされた場合にも処理されます。

Answer 3

テキストフィールドにおそらく .text のクラスを与えてから、次のように css を使用します。

.text{ display: none; }

または次のようなjquery：

$(document).ready( function () {
  $(":text").hide();
});

Answer 4

交換

.show();

と

.hide();