2012-03-04 8 views
0

js 및 jquery를 처음 사용합니다. 현재 체크 박스가있는 form.php에 양식이 있습니다. 사용자가 제출을 클릭하면 양식 변수가 form.js 파일로 보내지며 각 파일은 null이 아닌지 확인됩니다.확인란이 선택되어 있는지 확인하십시오. JS

form.js 파일은 완벽하게 작동하지만 확인란의 경우 아무 일도 일어나지 않습니다. 이것은 변수를 선언 한 방식 때문이라고 생각합니다.

if ($('#CHECKBOX').prop("checked")) 

또는 :

var email = $('#email').val(); 
var website = $('#website').val(); 
var CHECKBOX = $('CHECKBOX').val(); 
... 
... 
if (CHECKBOX.checked == FALSE){ 
    var error = true; 
    $('#notchecked_error').fadeIn(500); 
}else{ 
    $('#notchecked_error').fadeOut(500); 
} 
+1

실제 코드에서 'FALSE'가 대문자로 표시됩니까? 그럴 가능성이 가장 높지만 호기심 ... 그렇지 않으면 나는 생각이있다. – nmagerko

+1

CHECKBOX가 올바른 선택자가 아닙니다. 올바른 경우에도'$ ('CHECKBOX')를 사용해야합니다. is (': checked');'. –

+0

가능한 [jQuery에서 체크 박스가 선택되었는지 어떻게 확인합니까?] (http://stackoverflow.com/questions/901712/how-do-i-check-if-a-checkbox-is-checked-in) -jquery) –

답변

0

사용해보십시오 :

if ($('#CHECKBOX').is(":checked")) 

을 또한, 체크 박스에 대한 당신의 선택은 반드시 다음

JS 파일에 대한 코드 옳은.

0
$('input[type=checkbox]:checked') // If you have multiple checkboxes you can use this and loop through them to get additional info 
$('#checkboxID:checked').length // To get one specific checkbox 
+1

'.length'를 잊지 마라. –

+0

네가 맞았다. 고마워. – user1247486

0

코드에 두 가지 문제점이 있습니다. 첫 번째는 CHECKBOX 지정에있는 선택기에 결함이있는 것입니다. 그것은

또는

var CHECKBOX = $('input[type=checkbox]').val(); 

두 번째 문제는 당신이 발() 함수에서 CHECKBOX.checked을 읽고 있다는 것입니다해야합니다, 당신은 체크 박스 자체에서 읽을 필요가있다.

if(CHECKBOX.checked) 
+0

'.val()'은 값을 반환합니다. – RobG

0
`$('CHECKBOX').val();` 

CHECKBOX의 태그 이름이있는 요소를 찾아 그 값의 반환을 시도합니다. 아마도 당신은 CHECKBOX의 ID로 체크 박스를 참조 할 :이 확인 않다면

var CHECKBOX = $('#CHECKBOX'); 

가 확인하려면 : 당신은 정말 jQuery를 사용하기 전에 기본적인 자바 스크립트를 배워야한다

if (!CHECKBOX[0].checked) { 
    // CHECKBOX is not checked 
} 

. 일반적으로 유효성 검사는 양식 제출을 통해 시작되며 양식을 참조 할 수 있습니다. 그런 다음 모든 양식 요소를 양식의 특성으로 참조 할 수 있습니다. 모든 jQuery 오브젝트를 작성할 필요는 없습니다. 예 : 당신이 형성 경우는 뭔가 같은 : 당신의 유효성 검사 기능에서 다음

<form ... onsubmit="validate(this)"... > 
    <input type="checkbox" name="checkbox"> 
</form> 

:

function validate(form) { 
    if (!form.checkbox.checked) { 
    // the checkbox isn't checked 
    } 
} 

원하는 경우 동적으로 리스너를 첨부 할 수 있습니다.

관련 문제