html - チェックボックスを介してページに追加フィールドを表示するコンセプト

Question

誰かがチェックボックスをクリックしたときに追加フィールドを表示する方法を教えてください。クーポンを持っているかどうかを尋ねるチェックアウトのようなものです。クリックすると、ページが拡張され、チェックボックスのすぐ下に別のフィールドが表示され、そこにデータを入力するためのテキスト ボックスが表示されます。その背後にあるアイデアは何ですか？

ありがとう

Answer 1

アイデアは、チェックボックスのクリックまたは変更イベントに応答してから、既存の HTML を表示するか、動的に追加することです。

HTML

<input type="checkbox" id="chkbx1" />
<div id="extraContent"><!-- hidden content --></div>

Javascript

$(function () {

    $('#chkbx1').change(function () {

        if ($(this).is(':checked'))
            $('#extraContent').show();
        else
            $('#extraContent').hide();

    });

});