라디오 버튼 체크 여부 확인 하기

조회 수 11659 추천 수 0 2009.12.14 12:31:12

라디오체크여부확인스크립트

<SCRIPT LANGUAGE="JavaScript">
<!--
function chk_radio()
{
 num_temp = document.all.radio_button.length;
 for (i=0;i<num_temp ;i++)
 {
  if (document.all.radio_button[i].checked == true)
  {
  break;
  }
 }
 if (i == num_temp)
 {
  alert("하나를 선택하세요");
 }
}
//-->
</SCRIPT>
//본문
<INPUT TYPE="radio" NAME="radio_button">
<INPUT TYPE="radio" NAME="radio_button">
<INPUT TYPE="radio" NAME="radio_button">
<INPUT TYPE="radio" NAME="radio_button">
<INPUT TYPE="radio" NAME="radio_button">
<INPUT TYPE="radio" NAME="radio_button"><br>

<INPUT TYPE="button" onclick="chk_radio()" value="확인">

 

[출처] http://www.webdy.net/sboard/bbs/board.php?bo_table=java&wr_id=88&page=0

 

댓글 '1'

[레벨:30]똑띠

2009.12.22 14:11:59
*.53.232.32

<script language="javascript">
<!--
  var count = 0;
  var num=frm.user_ing.length

  for(i=0; i<num; i++)
  {
   if(frm.user_ing[i].checked == true)
   {
   count +=1;
   }
  }
   if(count==0)
   {
   alert("선택해 주세요.");
   return;
   }

//-->
</script>


===============================

<script>
function checkRadioButton(objName){
var radioObj = document.all(objName);
var isChecked;
if(radioObj.length == null){ // 라디오버튼이 같은 name 으로 하나밖에 없다면
isChecked = radioObj.checked;
}else{ // 라디오 버튼이 같은 name 으로 여러개 있다면
for(i=0; i<radioObj.length; i++){
if(radioObj[i].checked){
isChecked = true;
break;
}
}
}

if(isChecked)
alert('체크된거있음');
else
alert('체크된거없음');
}
</script>

<form name=form>
결혼여부
<input type="radio" name="comm_stat_flag" value="10">기혼
<input type="radio" name="comm_stat_flag" value="20">미혼
<input type=button value="라디오버튼 체크여부확인" onClick="checkRadioButton('comm_stat_flag')">


======================================

<script language="javascript">
<!--
function checkRadio(form) {
        for(var i=0;i<form.radio1.length;        i++) { // 라디오버튼의 갯수-1 만큼 루프를 돌립니다
                if (form.radio1[i].checked == true) { // 체크된 버튼을 찾으면
                alert(i+1+" 번째 버튼이 체크되었습니다"); // 메세지를 출력합니다
                return;
                }
        }
        if(i==form.radio1.length) {
        // 체크된 숫자가 라디오버튼의 갯수와 같으면
        // (이 예제에서 라디오버튼의 갯수는 5개 이지만,
        // 배열에서 5번째 라디오버튼은 radio1[4] 가 됩니다)
        // 즉, 체크된 숫자가 radio1[5] 이면 아무것도 선택하지 않았다는 말이므로
                alert("한가지를 선택해 주세요") // 메세지를 출력합니다
                return;
        }
}
//-->
</script>

</head>

<body>

<form name="form1" method=post>
채널1 <input type="radio" name="radio1">
채널2 <input type="radio" name="radio1">
채널3 <input type="radio" name="radio1">
채널4 <input type="radio" name="radio1">
채널5 <input type="radio" name="radio1">
<input type="button" value=" 확인 "  onclick="checkRadio(this.form)">
</form>

문서 첨부 제한 : 0Byte/ 2.00MB
파일 제한 크기 : 2.00MB (허용 확장자 : *.*)
List of Articles
번호 제목 글쓴이 날짜 조회 수
51 웹접근성을 해치지 않으면서 자바스크립트 사용하기 [1] [레벨:30]똑띠 2012-01-12 192
50 특정태그 제거 [레벨:30]똑띠 2011-10-13 991
49 크로스 사이트 스크립트 [1] [레벨:30]똑띠 2011-09-01 1480
48 좌측 숨김 슬라이드메뉴 file [레벨:30]똑띠 2011-08-19 1414
47 input 에 배경으로 글자입력하고 클릭시 사라지는 기능 [레벨:30]똑띠 2011-08-01 1535
46 접속시 배경이미지 랜덤으로 보여주기 [레벨:30]똑띠 2011-07-26 1823
45 지금 보고 있는 웹페이지를 닫을지를 묻는 창이 안뜨도록 하는 소스 [레벨:30]똑띠 2011-04-11 4019
44 웹페이지 프린트 스크립트 [레벨:30]똑띠 2011-03-21 3427
43 폼체크 (submit 이전에 체크후 넘김) [1] [레벨:30]똑띠 2010-09-29 7011
42 클릭시 레이어 보이기 숨기기 팁 [레벨:30]똑띠 2010-02-10 8375
41 폼체크 기본 사용법 [레벨:30]똑띠 2010-01-07 5962
» 라디오 버튼 체크 여부 확인 하기 [1] [레벨:30]똑띠 2009-12-14 11659
39 드래그 안되게 하기 [레벨:30]똑띠 2009-07-17 7566
38 onmouseOver 시 이미지 변경 [레벨:30]똑띠 2009-07-17 8050
37 input type=text 에서 엔터 눌렀을때 submit 실행 [레벨:30]똑띠 2009-06-22 9059
36 페이지내 링크 점선 일괄 없애기 [레벨:30]똑띠 2009-05-12 7771
35 우측에 따라다니는 퀵 메뉴 소스 [1] [레벨:30]똑띠 2009-04-26 7888
34 input 타입에 숫자만 입력받기 [레벨:30]똑띠 2009-04-13 10419
33 location.href="이동주소" 시 타겟설정방법 [레벨:30]똑띠 2008-12-14 12121
32 이미지 랜덤으로 보여주기 [1] [레벨:30]똑띠 2008-12-04 8712