라디오 버튼 그룹의 특정 라디오 버튼이 선택되었는지 확인하는 방법은 무엇입니까?

내 HTML 양식에 라디오 버튼 그룹이있다 :이 경우라디오 버튼 그룹의 특정 라디오 버튼이 선택되었는지 확인하는 방법은 무엇입니까?

<form action="handler.php"> 
    <p><b>a or b or c</b></p> 
    <p><input type="radio" id="abc" name="answer" value="a1">1<Br> 
    <input type="radio" id="abc" name="answer" value="a2">2<Br> 
    <input type="radio" id="abc" name="answer" value="a3">3</p> 
</form>

내가 (예를 들어 값 a1와) 특정 라디오 버튼이 선택되어 있는지 확인하고 사진을 보여주고 싶은 :

<script> 
function ShowPicture() { 
    var word = document.getElementById("abc").value; 

    if (word == "a1") { 
     document.getElementById("demo").innerHTML = '<iframe src="http://picturesite.com/index" width="1024" height="720" align="left">'; 
    } 
} 
</script>

이미지를 표시하는 데 사용되는 조건에서 라디오 버튼을 선택하면 어떻게 확인할 수 있습니까?

출처

2016-06-25 Deniss A.

ID가 고유해야 할 필요가 ... 이름으로 얻을 및 제 2 그래서 루프에 필요한 노드의 목록을 반환 태그 이름 .This이 개 기능에 의해하는 수이다 – brk

변경 이벤트 수신기 사용 – charlietfl

어떻게 생겼습니까? –

이 도움이 당신에게 :

<html> 
 
    <head> 
 
    </head> 
 
    <body> 
 
     <form action="handler.php"> 
 
       <p><b>a or b or c</b></p> 
 
      <p><input type="radio" class="abc" name="answer" value="a1" onchange="ShowPicture()">1</p> 
 
      <p><input type="radio" class="abc" name="answer" value="a2" onchange="ShowPicture()">2</p> 
 
      <p><input type="radio" class="abc" name="answer" value="a3" onchange="ShowPicture()">3</p> 
 
     </form> 
 
     <div id="demo"></div> 
 
     <script> 
 
      function ShowPicture() { 
 
       var word = document.getElementsByClassName("abc"); 
 
       var len = word.length; 
 
       for(var i=0;i< len-1; i++) { 
 
        if(word[i].value == "a1" && word[i].checked) 
 
        document.getElementById("demo").innerHTML = '<iframe src="http://picturesite.com/index" width="1024" height="720" align="left">' 
 
        
 
       } 
 
      } 
 
     </script> 
 
    </body> 
 
</html>

출처

2016-06-25 14:36:49 Ehsan

와우! 멋지다! 어떻게 든 if 문을 만들 수 있습니까? 예를 들어 두 개의 checkbox 문을 연결하려면? 다른 입력으로부터? –

checkbox1 또는 checkbox2가 활성화 된 경우 iframe을 표시 하시겠습니까? – Ehsan

전혀 아닙니다. 만약 내가 예를 들어 2 다른 확인란과 if 문을 그들을 연결합니다. 예를 들어 첫 번째 체크 박스의 a1과 다른 체크 박스의 b1이 활성화 된 경우 그림 –

ID가 고유해야합니다, 그래서 당신의 코드가 작동하지 않습니다! 그러나 나는 당신의 문제에 대한 두 가지 방법이 좁은 방 하나

//var word = document.getElementsByName("answer"); //get by name 
var word = document.getElementsByTagName("input");//get element name 
for(var i =0;i<word.length;i++){ 
    if(word[i].value == "a1") { 
    document.getElementById("demo").innerHTML = '<iframe src="http://picturesite.com/index" width="1024" height="720" align="left">'; 
    } 
}

출처

2016-06-25 14:41:43

라디오 버튼 그룹의 특정 라디오 버튼이 선택되었는지 확인하는 방법은 무엇입니까?

답변

관련 문제