どのように複数のラジオボタンを別々のフォームで使用できますか？

Question

私はそれぞれにラジオボタンが付いた別々のフォームがあります。彼らは別々のフォームなので、彼らはまだ同じグループであることを認識していないようです。これを修正する方法はありますか？

回答1-8はすべて同じラジオボタングループに属していて、一度に8つのうちの1つだけを選択する必要があります。

<label class="control-label">group 1:</label> 
 
<form class="controls"> 
 
    <label class="radio"><input checked id="optionsRadios1" name="optionsRadios" type="radio" value="workTipe1"> answer 1</label> 
 
    <label class="radio"><input checked id="optionsRadios2" name="optionsRadios" type="radio" value="workTipe2"> answer 2</label> 
 
</form> 
 
<form class="controls"> 
 
    <label class="radio"><input checked id="optionsRadios1" name="optionsRadios" type="radio" value="workTipe1"> answer 3</label> 
 
    <label class="radio"><input checked id="optionsRadios2" name="optionsRadios" type="radio" value="workTipe2"> answer 4</label> 
 
</form> 
 
<div> 
 
    <form class="controls"> 
 
    <label class="radio"><input checked id="optionsRadios1" name="optionsRadios" type="radio" value="workTipe1"> answer 5</label> 
 
    <label class="radio"><input checked id="optionsRadios2" name="optionsRadios" type="radio" value="workTipe2"> answer 6</label> 
 
    </form> 
 
</div> 
 
<form class="controls"> 
 
    <label class="radio"><input checked id="optionsRadios1" name="optionsRadios" type="radio" value="workTipe1"> answer 7</label> 
 
    <label class="radio"><input checked id="optionsRadios2" name="optionsRadios" type="radio" value="workTipe2"> answer 8</label> 
 
</form>

これは、私が働いているかのちょうど裸の骨の一例です。アプリケーションでは、これらのラジオボタンはそれぞれ、ボタンをクリックすると別のフォームに存在します。フォーム自体には、ヘッダーと入力ボックスが含まれています。ラジオボタンは、データベースで使用するのに必要なものを切り替えます。これらはそれぞれ、インスタンス化されたフォームに直接結び付けられています。

Answer 1

私が正しく理解していれば。

入力ラジオタグには同じ名前を付ける必要があります。それをすべてユニークなフォームの中に入れて、次のページへのアクション（投稿または取得）の後に、あなたが望むものに値を使用します。

Answer 2

あなたはそれが役立つかもしれない。このような別に一つの形を埋め込むことができます。

<form> 
    <input checked name="gender" type="radio" value="male"> CHess<br> 
    <input name="gender" type="radio" value="female"> Football<br> 
    <input name="gender" type="radio" value="other"> Other<br> 
    <form> 
    <input checked name="gender" type="radio" value="male">Cricket<br> 
    <input name="gender" type="radio" value="female"> HOckey<br> 
    <input name="gender" type="radio" value="other"> Other 
    </form> 
</form> 

Answer 3

私はあなたの質問が正しい理解場合。私の例を試してみてください！

<form> 
 
    <fieldset class="radiogroup"> 
 
    <legend>Group 1</legend> 
 
    <ul class="radio"> 
 
     <li> 
 
     <input type="radio" name="group1" id="answer1" value="deep" /> 
 
     <label for="answer1">Answer 1</label> 
 
     </li> 
 
     <li> 
 
     <input type="radio" name="group1" id="answer2" value="thick" /> 
 
     <label for="answer2">Answer 2</label> 
 
     </li> 
 
    </ul> 
 
    </fieldset> 
 

 
    <fieldset class="radiogroup"> 
 
    <legend>Group 2</legend> 
 
    <ul class="radio"> 
 
     <li> 
 
     <input type="radio" name="group2" id="answer3" value="Answer 3" /> 
 
     <label for="answer1">Answer 3</label> 
 
     </li> 
 
     <li> 
 
     <input type="radio" name="group2" id="answer4" value="Answer 4" /> 
 
     <label for="answer2">Answer 4</label> 
 
     </li> 
 
    </ul> 
 
    </fieldset> 
 

 
    <fieldset class="radiogroup"> 
 
    <legend>Group 3</legend> 
 
    <ul class="radio"> 
 
     <li> 
 
     <input type="radio" name="group3" id="answer5" value="Answer 5" /> 
 
     <label for="answer1">Answer 5</label> 
 
     </li> 
 
     <li> 
 
     <input type="radio" name="group3" id="answer6" value="Answer 6" /> 
 
     <label for="answer2">Answer 6</label> 
 
     </li> 
 
    </ul> 
 
    </fieldset> 
 
</form>