본문 바로가기

컴퓨터/언어,프로그래밍

자바스크립트 >> 라디오버튼 >> 체크상태 >> 검사방법

<script language="JavaScript">
function isChecked(form) {

// 인자로 넘어온 form 변수는 this 로 넘겨받은 form1 객체입니다.
 if( !form.r1[0].checked && !form.r1[1].checked ) {

// 첫번째 라디오버튼 ( r1[0] ) 이 선택되지 않고 && 또한

// 두번째 라디오버튼 ( r1[1] ) 이 선택되지 않은경우를 말합니다.
  
alert("둘중하나는 골라야지요!");
  return false;

// false를 반환하면 함수의 수행을 종료하고 호출시 return isChecked(this) 와 같은 return

// 문을 사용했기 때문에 폼은 전송되지 않게됩니다.


 } else {
  var selmenu = "짬뽕";

// 검사할 버튼이 2개 뿐이므로 미리 selmenu 변수에 "짬뽕"이라는 문자열을 넣었습니다.
  if(form.r1[0].checked)

// 첫번째버튼을 체크했으면
   selmenu = "짜장";

// 이제 selmenu 변수의 값은 "짜장"으로 변경됩니다.

// 두번째 버튼을 체크했으면 따로처리할 문장이 없습니다. 첫번째를 선택하지 않았다면

// 당연히 선택된것은 두번째이겠습니다.
  alert(selmenu + "를 시키셨네요 ^^");
  return true;

// 알림메시지를 출력하고 true 값을 리턴하여 action 에 지정된 프로그램으로 폼을

// 전송하게 됩니다.
 }
}
</script>

 

<form name="form1" action="#" onSubmit="return isChecked(this)">
짜장 <input type="radio" name="r1" value="짜장">
짬뽕 <input type="radio" name="r1" value="짬뽕">
<input type="submit" value="확인">
</form>

<FORM name="form1" onsubmit="return isChecked(this)" action=#>

도움되시길 ... 즐거운 명절되세요... ^^&*

</FORM> 

http://kin.naver.com/detail/detail.php?d1id=1&dir_id=10105&eid=OY3TgKyzfZ0/YRz8O78dmi34scMKBX3Z&qb=tvO18L/AufbGsCC757/ruea5/Q==&pid=feWWMsoi5ThssvVQp8lsss--028056&sid=SRtQ4nLvGkkAABFWoRU
제주삼다수, 2L,... 오뚜기 진라면 매운... 상하목장 유기농 흰... 남양 프렌치카페 카... 고려인삼유통 홍삼 ... 종근당건강 오메가3... 요이치 카링 유무선...