-4

これまでのところ、ラジオボタンを作成し、選択が行われるまで応答を非表示にし、最終的に別のラジオボタンと一緒に選択を表示する方法を見つけました(この2番目のラジオボタンは私が行き詰まっている場所です)。ここに私が欲しいものがあります：

ユーザーが yes/no を選択します。

はいを選択した場合

ラジオ ボタンの下にテキストが表示され、別の「はい/いいえ」の質問が表示され、その結果、回答と「はい/いいえ」に基づいてより多くのテキストが表示されます

いいえを選択した場合

ラジオボタンの下に別のテキストが表示され、別のはい/いいえの質問が表示され、回答とはい/いいえに基づいてより多くのテキストが表示されます

別の質問と「はい/いいえ」ラジオ ボタンを表示する最初の「はい/いいえ」を作成できましたが、最初の結果が表示される 2 番目の「はい/いいえ」に応答する方法がわかりませんラジオボタン。

わかりにくくて申し訳ありませんが、これ以上の説明方法がありません。

これがjsfiddleの私のコードです: http://jsfiddle.net/richerdk/a9fJ5/

私はこのようなものが必要だと仮定しています:問題は、私がどうあるべき<div id="div1" class="tab"> <p>Why do you think the sky is blue, is blue your favorite colour?</p></div>か分からないということです.<div id=" " class=" ">

はい/いいえボタンは、jsfiddle の html 部分の 35、38、45、48 行目にあり、次のようになります。<input type="radio" name="another" value="anotherNo" />

私の質問は、最初のラジオ ボタン選択の応答にラジオ ボタンを含めて、その選択に基づいて情報を表示する方法 (はいまたはいいえ) です。

4

1 に答える 1

0

これは、ラジオボタンのみでjQueryを使用したjsfiddleのフォークです

http://jsfiddle.net/Lfxry/

私がしたことは、イベントハンドラーをタブ内のラジオボタンの変更イベントにバインドするだけでした

(function ($) {
    $('#tabs').on('change',':radio', function () {
        //read target id from data attribute
        var targetId = $(this).data('target');
        //hide all tabs
        $('.tab').addClass('hidden');
        //show the one you want
        $("#"+targetId).removeClass('hidden');
    });
})(window.jQuery);

以前の質問を隠していることに注意してください

コードを改善する方法はたくさんあります。これは単なる基本的な例です

于 2013-06-28T13:49:19.290 に答える