개별 그룹에 라디오 버튼 연결

Question

테이블에 여러 행이 있습니다. 각 행에는 두 개의 라디오 버튼이 있습니다. 두 개의 라디오 버튼은 서로 연관되어 있어야하지만 다른 행의 라디오 버튼과는 연결되지 않아야합니다. 제출할 때, 내 욕망은 pk1, pk2 및 options에 대한 세 요소 배열을 지정하는 것입니다. 다음은 모든 options 라디오 버튼이 연결되어 있기 때문에 작동하지 않으므로 하나만 선택할 수 있고 원하는대로 행당 하나를 선택할 수 없습니다. 라디오 버튼은 행 단위로만 연결되도록하려면 어떻게합니까?

<table> 
    <tr> 
     <td>1<input type="hidden" name="pk1[]" value="1"></td> 
     <td>1<input type="hidden" name="pk2[]" value="1"></td> 
     <td>1<input type="hidden" name="pk3[]" value="1"></td> 
     <td>option1 <input type="radio" name="option[]" value="yes"></td> 
     <td>option2 <input type="radio" name="option[]" value="no"></td> 
    </tr> 
    <tr> 
     <td>5<input type="hidden" name="pk1[]" value="5"></td> 
     <td>3<input type="hidden" name="pk2[]" value="3"></td> 
     <td>1<input type="hidden" name="pk3[]" value="1"></td> 
     <td>option1 <input type="radio" name="option[]" value="yes"></td> 
     <td>option2 <input type="radio" name="option[]" value="no"></td> 
    </tr> 
    <tr> 
     <td>1<input type="hidden" name="pk1[]" value="1"></td> 
     <td>1<input type="hidden" name="pk2[]" value="1"></td> 
     <td>2<input type="hidden" name="pk3[]" value="2"></td> 
     <td>option1 <input type="radio" name="option[]" value="yes"></td> 
     <td>option2 <input type="radio" name="option[]" value="no"></td> 
    </tr> 
</table> 

Answer 1

단추 이름에 명시 적 인덱스를 추가하십시오.

<table> 
    <tr> 
     <td>1<input type="hidden" name="pk1[]" value="1"></td> 
     <td>1<input type="hidden" name="pk2[]" value="1"></td> 
     <td>1<input type="hidden" name="pk3[]" value="1"></td> 
     <td>option1 <input type="radio" name="option[0]" value="yes"></td> 
     <td>option2 <input type="radio" name="option[0]" value="no"></td> 
    </tr> 
    <tr> 
     <td>5<input type="hidden" name="pk1[]" value="5"></td> 
     <td>3<input type="hidden" name="pk2[]" value="3"></td> 
     <td>1<input type="hidden" name="pk3[]" value="1"></td> 
     <td>option1 <input type="radio" name="option[1]" value="yes"></td> 
     <td>option2 <input type="radio" name="option[1]" value="no"></td> 
    </tr> 
    <tr> 
     <td>1<input type="hidden" name="pk1[]" value="1"></td> 
     <td>1<input type="hidden" name="pk2[]" value="1"></td> 
     <td>2<input type="hidden" name="pk3[]" value="2"></td> 
     <td>option1 <input type="radio" name="option[2]" value="yes"></td> 
     <td>option2 <input type="radio" name="option[2]" value="no"></td> 
    </tr> 
</table> 

일관성을 유지하기 위해 동일한 색인이 자동으로 생성 되더라도 숨겨진 입력에도 추가 할 수 있습니다.