JavaScript를 사용하여 표 셀 내의 라디오 버튼 업데이트

Question

JavaScript를 사용하여 대기업에서 관리하는 사이트의 라디오 버튼 확인 상태를 업데이트하려고합니다. 여기에 문제가 있습니다. 페이지에는 두 개의 관련 라디오 버튼에 대한 중복 ID와 이름이 있으며 이름없는 테이블 행의 셀에 있습니다. 첫 번째 것을 선택하고 싶습니다. 어떤 도움을 주셔서 감사합니다.

다음은 다음은 내가 첫 번째 라디오 옵션을 선택 라디오를 업데이트하기 위해 노력했습니다 다양한 자바 스크립트 예제입니다 기본 HTML

<table cellspacing='0' cellpadding='0' border='0'> 
    <tr> 
     <td> 
      <img alt='spacer' src='../Images/blank.gif' width='10' height='1' border='0' /> 
     </td> 
     <td id='A-Q1_0200-1' valign='top'> 
      <font size='-1'> 
       <input type='radio' name='Q1_0200' id='Q1_0200' value='1' onclick='FormChanged()' 
       class='bodyInput' /> 
      </font> 
     </td> 
     <td colspan='1' valign='top' id='A-Q1_0200-1-T'> 
      <font size='-1'> 
       &nbsp;Yes 
      </font> 
     </td> 
     <td> 
      <font size='-1'> 
       &nbsp; 
      </font> 
     </td> 
     <td id='A-Q1_0200-2' valign='top'> 
      <font size='-1'> 
       <input type='radio' name='Q1_0200' id='Q1_0200' value='2' checked='checked' onclick='FormChanged()' 
       class='bodyInput' /> 
      </font> 
     </td> 
     <td colspan='1' valign='top' id='A-Q1_0200-2-T'> 
      <font size='-1'> 
       &nbsp;No 
      </font> 
     </td> 
    </tr> 
</table> 

입니다.

document.getElementById('A-Q1_0200-1').Q1_0201.checked='checked'; 

    document.getElementById('A-Q1_0200-1').radio[0].checked=TRUE; 

    document.getElementById('Q1_0200').checked=TRUE 

    document.getElementById('Q1_0200').checked=’TRUE 

Answer 1

당신은 중복 ID를 가지고 getElementById()이 일을 기대할 수 없다. ID는 "ID"를 의미하며 각 ID는 고유해야합니다. 그래서 3 번째와 4 번째 예제가 실패한 것입니다.

다음 코드는 id가 <td> 인 부모를 선택한 다음 input이라는 첫 번째 자손을 선택하고 checked 속성을 설정합니다.

document.getElementById('A-Q1_0200-1').getElementsByTagName("input")[0].checked = "checked"; 

Answer 2

여기는 JSFiddle Demo:입니다. 이렇게하면 radio 유형의 첫 번째 요소를 선택할 수 있습니다.

한 가지 방법은 getElementsByTagName을 사용하고 라디오 유형의 첫 번째 발생을 확인하지만 ID는 고유해야합니다. 그것은 당신의 통제에서처럼 보인다 :

var myInput = document.getElementsByTagName('input'); 

for(var i=0; i<myInput.length; i++){ 
    if(myInput[i].type == 'radio'){ 
     console.log(myInput[i]); 
     break; 
    } 
} 

을 console.log는 당신에게 다음과 같은 요소를 줄 것

:

<input type=​"radio" name=​"Q1_0200" id=​"Q1_0200" value=​"1" onclick=​"FormChanged()​" class=​"bodyInput">​ 

거기에서 당신에

가 선택한 요소의 true로 확인 설정할 수 있습니다 : myInput[i].checked = true; 또는 myInput[i].checked = 'checked';

Answer 3

getElementById는 처음 발견 된 요소를 반환합니다. 그리고 그것을 확인하고 싶다면 다음을해야합니다 : document.getElementById('Q1_0200').checked = 'checked';