라디오 그룹에 대한 자바 스크립트 확인 양식

Question

안녕하세요,

라디오 그룹에 대한 자바 스크립트 유효성 검사 기능을 사용하여 양식을 만들고 있습니다. 내가했던 곳

//the form 
<form name="form_sf" id = "form_sf" method="post" action="process.php" onSubmit="return check_sf_form_info(form_sf,'all')"> 

<input name="date" id="date" type="radio" value="nil" onChange="check_sf_form_info(form_sf,2)" />None 

<input name="date" id="date" type="radio" value="mon" onChange="check_sf_form_info(form_sf,2)" />Monday 

<input name="date" id="date" type="radio" value="tue" onChange="check_sf_form_info(form_sf,2)" />Tuesday 

</form> 

//the javascript 

function check_sf_form_info(form,mark,edit){ 
     if(mark==2 || mark=="all"){ 
    if(form.date.value!=="nil"){ 
     price.innerHTML="$100"; 
     price.style.display="block"; 
     price.style.height="auto"; 
    }else{ 
     price.innerHTML=""; 
     price.style.display = "none";  
    } 
    } 
} 

겠습니까 전문가 가르쳐주십시오 -이 : 아이디어는 "없음"이 확인되지 않은 경우, 더 DIV 팝업없고, "월요일"또는 "화요일"을 선택하면 사업부의 팝업가있다 잘못? 감사합니다!

Answer 1

nil 라디오 버튼은 라디오 그룹의 첫 번째 항목입니다. 따라서'getElementsByName'함수를 사용할 수 있습니다.

function check_sf_form_info(form,mark,edit){ 
    var radio_date_nil = document.getElementsByName('date'); 
    if(mark==2 || mark=="all"){ 
    if(radio_date_nil[0].value!=="nil"){ 
     price.innerHTML="$100"; 
     price.style.display="block"; 
     price.style.height="auto"; 
    }else{ 
     price.innerHTML=""; 
     price.style.display = "none";  
    } 
    } 
} 

Answer 2

내가 다음에 기능을 변경 onChange="check_sf_form_info(this,2)"에 onchanges의 모든 변경 제안 : 자신 및 추적 할 수

function check_sf_form_info(radio,mark,edit){ 
    if(mark==2 || mark=="all"){ 
    if(radio.value!="nil"){ 
     price.innerHTML="$100"; 
     price.style.display="block"; 
     price.style.height="auto"; 
    }else{ 
     price.innerHTML=""; 
     price.style.display = "none";  
    } 
    } 
}