본문 바로가기

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

라디오버튼 활용

라디오 버튼이 체크 되어 있는지 유무를 알아내는 Function 입니다.

<script>
function  hasCheckedRadio(Input){
   if (Input.length > 1){
      for(var inx=0; inx < Input.length; inx++){
      if(Input[inx].checked)return true;
   }
  }else{
   if(Input.checked) return true;
  }
  return false;
 }

function chkRadio(F)
{

if (!hasCheckedRadio(document.form.poll1_1)){
   alert("버튼을 체크해 주시기 바랍니다.");
   return false;
  }}
</script>




라디오 버튼 체크에 따라서 텍스트 입력란이 활성화/비활성화

<form>
원하시는 메뉴는?<br>
<input type=radio name=radio1 value="한식" onClick="this.form.text1.disabled=true" checked>한식
<input type=radio name=radio1 value="양식" onClick="this.form.text1.disabled=true">양식
<input type=radio name=radio1 value="중식" onClick="this.form.text1.disabled=true">중식
<input type=radio name=radio1 value="기타" onClick="this.form.text1.disabled=false">기타<br>
기타사항 입력: <input type=text name=text1 disabled>
</form>

예) 
form1.time_input_txt.disabled = true;   //비활성화
form1.time_input_txt.disabled = false; //활성화



라디오 버튼을 자바스크립트로 체크!
form.name.checked = true;

제주삼다수, 2L,... 오뚜기 진라면 매운... 상하목장 유기농 흰... 남양 프렌치카페 카... 고려인삼유통 홍삼 ... 종근당건강 오메가3... 요이치 카링 유무선...