2013-06-03 4 views
0

사용 가능/사용 불가능으로 설정할 수있는 다양한 옵션이있는 웹 페이지를 작성하려고합니다.JS - 확인란이 선택되어 있는지 확인하십시오.

그러나 관련 확인란이 선택되었는지 여부에 관계없이 이러한 옵션은 항상 활성화되어있는 것으로 보입니다. 난 정말 오류가 자리하고있는 곳 문제를 이해하는 데

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Test</title> 
     <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
    </head> 
    <body> 
     <script type="text/javascript"> 
      function check() { 
       var options = ""; 
       if (document.form1.nocase.value) { 
        options = "1"; 
       } 
       if (document.form1.ck2.value) { 
        options = options + "2"; 
       } 
       alert (options); 
      } 
     </script> 
     <form name="form1"> 
      <input type="checkbox" name="nocase">option 1 
      <input type="checkbox" name="ck2">option 2 
      <input type="button" value="Check" onclick="check();"> 
     </form> 
     <div id="results"></div> 
    </body> 
</html> 

:

여기에 코드입니다. 누구든지 그것을 지적 할 수 있습니까?

미리 감사드립니다.

+2

'if '조건에서'document.form1.nocase.value'를'document.form1.nocase.checked'로,'document.form1.global.value'에서'document.form1.nocase.value'로 변경하십시오. – Teemu

답변

4

당신은 checked 재산과 아닌 입력 필드의 value 속성을 사용한다 :

if (document.form1.nocase.checked) { 
    //code here 
} 

value 속성은 모든 검사 체크 박스 서버로 전송되는 문자열 값입니다 그리고 당신은 그것의 값을 지정할 수 있습니다 html 태그 :

<input type="checkbox" name="nocase" value="nocase"> 

checked 속성은 당신에게 확인란이 선택되어 있는지 여부를 보여줍니다 원하는 부울을 제공합니다.

관련 문제