javascript - Divを順番に開くにはどうすればよいですか

Question

chkEnglish、chkGerman、chkFrench のような 3 つのチェック ボックスがあります。これらのチェックボックスによると、3 つの div があり、これらの div にはテキストボックスとボタンがあります。すべてのチェックボックスにフォームのブロックが含まれていることを意味し、別の言語を意味します。

だから私の質問は、ユーザーがチェックボックスをチェックすると、それが開くということです。誰かがchkEnglishにチェックを入れたら、英語のフォームを開く必要があります。その後、chkGermanにチェックを入れたら、英語の下に来ます。

チェックボックスに応じて、それらのフォームがそれに応じて開かなければならないことを意味します......

Answer 1

HTML

  <input type="radio" name="a" id="english" value="english"/>English<br/>
  <input type="radio" name="a" id="german" value="german"/>German<br/>
  <input type="radio" name="a" id="french" value="french"/>French

  <div id="englishForm" class="myForm">english</div>
  <div id="germanForm" class="myForm">german</div>
  <div id="frenchForm" class="myForm">french</div>

JS

$("input[name='a']").change(function(event) {

    var selectedId=$(this).attr('id');
     $('.myForm').hide();
     $("#" + selectedId + "Form").show();
});

CSS

.myForm{

  display:none;

}

Answer 2

次のコードを見てください。

$("input[name='a']").live('click',
function()
{
    var Id = $(this).attr('id');
    $("#" +Id+ "Form").show();
});