JavaScript : 라디오 버튼 전환 및 확인

Question

라디오 버튼을 전환하고 맞춤 알림을 표시하려면이 코드를 작성했습니다.

<script> 
    function test() { 
      if (radio[0].checked = true) { 
       alert("hello1"); 
      } 

      if (radio[1].checked = true) { 
       alert("hello2"); 
      } 
    } 
</script> 


<input type="radio" onclick="test()" value="0"> 
<input type="radio" onclick="test()" value="1"> 

라디오 버튼 중 하나를 선택하면 특정 경고가 표시되어야합니다. 무엇이 잘못 되었나요?

Answer 1

두 가지 : 1) 당신은 라디오 버튼에서 '이름'속성을 사용해야합니다. 그렇지 않으면 라디오 버튼을 확인할 수 없습니다. 2) 라디오 [0]을 사용하여 라디오 버튼을 가리킬 수 없습니다. ID를 할당하고 getElementById 메소드를 사용하여 Javascript에서 사용할 수 있습니다. 또 다른 쉬운 방법은 객체를 함수로 전달하는 것입니다. 아래의 샘플 코드를 참조하십시오 :

<script> 
    function test(radioObj) { 
     if(radioObj.value == "0") 
      alert("Hello1"); 
     else if (radioObj.value == "1") 
      alert("Hello2"); 
    } 
</script> 

<input type="radio" name="test" onclick="test(this)" value="0"> 
<input type="radio" name="test" onclick="test(this)" value="1"> 

Answer 2

radio[0] 및 radio[1]은 (는) 자바 스크립트에 정의되어 있지만 HTML에는 정의되어 있지 않습니다. JQuery 또는 많은 자바 스크립트 선택기 라이브러리 중 하나를 사용해보세요. 또는 사용 getElementById

Answer 3

라디오 버튼의 이름을 javascript로 지정해야합니다. 여기에 숙지 할 필요가

<script> 
    function test() { 
     if (document.getElementById('radio1').checked == true) { 
      alert("hello1"); 
     } 

     if (document.getElementById('radio2').checked == true) { 
      alert("hello2"); 
     } 
    } 
</script> 


<input type="radio" id="radio1" onclick="test()" value="0"> 
<input type="radio" id="radio2" onclick="test()" value="1">