라디오 박스

2019. 9. 20. 10:49나의 노력/WEB

<html>
  <head>
    <title>라디오 박스</title>
     <script language="javascript">

      function findSubject(){
          var arrRadio=document.getElementsByTagName("input");

          for(var i=0;i<arrRadio.length;i++){
              if(arrRadio[i].type=="radio"&&arrRadio[i].checked){
                alert(arrRadio[i].value+"을 좋아하시네요.");
                break;
              }
          }
}


</script>
</head>

<body>
  <h2>1.여러분이 사용하는 cpu는 무엇인가요?</h2>
  		<input type="radio" name="subject" value="코어2듀오">코어2듀오<br>
  		<input type="radio" name="subject" value="코어듀오" >코어듀오<br>
  		<input type="radio" name="subject" value="펜티엄 4" >펜티엄 4<br>
  		<input type="radio" name="subject" value="펜티엄 3" >펜티엄 3<br>
      <input type="button" value="답안지 제출" onclick="findSubject()">
  </body>
</html>

 

 

'나의 노력 > WEB' 카테고리의 다른 글

배열 입력받아 정리하기  (0) 2019.09.20
함수로 배경 색 전환  (0) 2019.09.20
내 친구 나열하기  (0) 2019.09.20
HTML 문서에 시계 표시하기  (0) 2019.09.20
회원가입 폼 만들기 - HTML  (0) 2019.09.10