多くのフォームのラジオボタンをチェックする方法は？

Question

私はフォームに複数の選択肢に関する質問があります。それぞれの質問はdivです。 jsfiddle

<form id="doExam" name="DoExam"> 
    <div> 
     <p><b>Question 1:</b>question 1</p> 
     <input type="radio" name="answer" value="A">Answer A<br> 
     <input type="radio" name="answer" value="B">Answer B<br> 
     <input type="radio" name="answer" value="C">Answer C<br> 
     <input type="radio" name="answer" value="D">Answer D<br> 
    </div> 

    <div> 
     <p><b>Question 2:</b>question 2</p> 
     <input type="radio" name="answer" value="A">Answer A<br> 
     <input type="radio" name="answer" value="B">Answer B<br> 
     <input type="radio" name="answer" value="C">Answer C<br> 
     <input type="radio" name="answer" value="D">Answer D<br> 
    </div> 

    <div> 
     <p><b>Question 3:</b>question 3</p> 
     <input type="radio" name="answer" value="A">Answer A<br> 
     <input type="radio" name="answer" value="B">Answer B<br> 
     <input type="radio" name="answer" value="C">Answer C<br> 
     <input type="radio" name="answer" value="D">Answer D<br> 
    </div> 
</form> 

で、以下のコードとデモ私は1つのdivのラジオボタンをチェックすると。それは正常に動作しますが、別のdivのラジオボタンをチェックすると、前に行ったdivのラジオボタンが消えてしまいます。どうすれば修正できますか？

Answer 1

各ラジオボタンのセットごとに一意の名前が必要です。

<form id="doExam" name="DoExam"> 
    <div> 
    <p><b>Question 1:</b>question 1</p> 
    <input type="radio" name="answer" value="A">Answer A<br> 
    <input type="radio" name="answer" value="B">Answer B<br> 
    <input type="radio" name="answer" value="C">Answer C<br> 
    <input type="radio" name="answer" value="D">Answer D<br> 
    </div> 

    <div> 
    <p><b>Question 2:</b>question 2</p> 
    <input type="radio" name="answer2" value="A">Answer A<br> 
    <input type="radio" name="answer2" value="B">Answer B<br> 
    <input type="radio" name="answer2" value="C">Answer C<br> 
    <input type="radio" name="answer2" value="D">Answer D<br> 
    </div> 

    <div> 
    <p><b>Question 3:</b>question 3</p> 
    <input type="radio" name="answer3" value="A">Answer A<br> 
    <input type="radio" name="answer3" value="B">Answer B<br> 
    <input type="radio" name="answer3" value="C">Answer C<br> 
    <input type="radio" name="answer3" value="D">Answer D<br> 
    </div> 
</form> 

更新されたフィドルを見てください; https://jsfiddle.net/cuhcev3h/1/

Answer 2

あなたは本当にhttps://developer.mozilla.org/en/docs/Web/HTML/Element（[ `fieldset`]使用する必要があるラジオボタンに質問

<form id="doExam" name="DoExam"> 
     <div> 
     <p><b>Question 1:</b>question 1</p> 
     <input type="radio" name="question1" value="A">Answer A<br> 
     <input type="radio" name="question1" value="B">Answer B<br> 
     <input type="radio" name="question1" value="C">Answer C<br> 
     <input type="radio" name="question1" value="D">Answer D<br> 
     </div> 

    <div> 
    <p><b>Question 2:</b>question 2</p> 
    <input type="radio" name="question2" value="A">Answer A<br> 
    <input type="radio" name="question2" value="B">Answer B<br> 
    <input type="radio" name="question2" value="C">Answer C<br> 
    <input type="radio" name="question2" value="D">Answer D<br> 
    </div> 

    <div> 
    <p><b>Question 3:</b>question 3</p> 
    <input type="radio" name="question3" value="A">Answer A<br> 
    <input type="radio" name="question3" value="B">Answer B<br> 
    <input type="radio" name="question3" value="C">Answer C<br> 
    <input type="radio" name="question3" value="D">Answer D<br> 
    </div> 
</form>