HTMLフォームクイズでユーザーの応答順序を強制する

Question

HTMLフォームのクイズで回答を強制的に実行する方法を探しています。これは比較的単純ですが、私は思っています。私は、ユーザーが質問に順番に答えさせたいと思っています。ここで

はコード化された例です。ここで

<form method="post"> 

Answer the Questions! 

<P id="question1" onclick="showQuestion('question2')" >1. The word which means "house" is:<BR> 
<input type="radio" required="required" name="1.The word which means house is" value="maison">maison<BR> 
<input type="radio" name="1.The word which means house is" value="quatre">quatre<BR> 
<input type="radio" name="1.The word which means house is" value="soleil">soleil<BR> 
<input type="radio" name="1.The word which means house is" value="poisson">poisson<BR> 
</p> 

<P id="question2" style="display:none;" onclick="showQuestion('question3')" >2. The word which means "fish" is:<BR> 
<input type="radio" required="required" name="2. The word which means fish is" value="maison">maison<BR> 
<input type="radio" name="2. The word which means fish is" value="valise">valise<BR> 
<input type="radio" name="2. The word which means fish is" value="soleil">soleil<BR> 
<input type="radio" name="2. The word which means fish is" value="poisson">poisson<BR> 
</p> 

<P id="question3" style="display:none;">3. The word which means "suitcase" is:<BR> 
<input type="radio" name="3. The word which means suitcase is" value="renard">renard<BR> 
<input type="radio" name="3. The word which means suitcase is" value="valise">valise<BR> 
<input type="radio" name="3. The word which means suitcase is" value="soleil">soleil<BR> 
<input type="radio" name="3. The word which means suitcase is" value="poisson">poisson<BR> 
</p> 

</form> 

は1が回答された後、次の質問を表示する関数ですが、私が本当にやりたいことは、すべての3つの質問を表示し、失敗に必要なバリデータを持っていますユーザーが問題の質問に回答した場合。

<script> 
window.showQuestion = function (val){ 
    var x = document.getElementById(val); 
    x.style.display = 'inline'; 
} 
</script> 

Answer 1

あなたはCSSで条件付きのフォームフィールドを探しているなら、私のアドバイスは、このPEN.

か、このようにJSで定義することができますを見てみることです。

var selected = $("#question1 option:selected").val(); 

などのオプションを変更します。

<option value="1">Option 1</option> 
<option value="2">Option 2</option>