웹 사이트에 대한 자바 스크립트를 코딩 단순화 및 크로스 브라우저 호환성 문제를 많이 제거 할 수있는 자바 스크립트 프레임 워크입니다. 어제는 양식 요소 값을 가져 와서 설정하는 방법을 살펴 보았지만 확인란을 처리하지 않았습니다. 오늘 포스팅은 폼의 체크박스가 체크되어 있는지,체크되어 있지 않은지,체크되어 있지 않은지,체크되어 있지 않은지,체크되어 있지 않은지 확인하는 방법을 살펴본다.
예제 양식
예제 양식은 다음과 같습니다:
<input type="checkbox" name="foo" value="bar" /><input type="button" onclick="show_checked()" value="Show" /><input type="button" onclick="set_checked(true)" value="On" /><input type="button" onclick="set_checked(false)" value="Off" />
“푸”라는 이름의 체크 박스와 세 개의 버튼이 있습니다. 첫 번째는 확인란이 선택되어 있는지 여부를 표시하는 함수를 호출하고 두 번째 함수는 확인되지 않음으로 변경합니다.
체크 박스가 선택되어 있는지 확인
체크 박스가 선택되어 있는지 확인하는 방법에는 여러 가지가 있으며,여기에는 몇 가지 대안이 있습니다. 그렇지 않은 경우는 확인 또는 거짓의 경우 각 참 반환합니다.
$('input').is(':checked')$('input').attr('checked')
체크상자를 체크상자로 설정하기
체크상자의 상태는 다음과 같이 체크상자를 체크하기 위해 애트리뷰트()기능을 사용하여 변경할 수 있습니다:
$('input').attr('checked', true);
그리고 같은 상자를 선택 취소 할 수 있습니다:
$('input').attr('checked', false);
작업 예제
마지막으로 예제 양식이 있습니다:
부울 값에 대한 참고
이 엄격 부울 참 또는 거짓 그렇지 않으면 예기치 않은 결과가 발생할 수 있어야합니다 반면 전달되는 참 및 거짓의 문자열 값과 관련이있을 수 있습니다 크롬으로 발견 된 문제에 대한 아래의 코멘트에서 논의가있다.
사용을 제안되었습니다.이 함수에 대한 설명 페이지를 읽으면 다른 결과가 발생할 수 있습니다. 나는 나중에이 게시물을 따라 확실히 확인하기 위해 더 많은 테스트를 할 것입니다
레이블을 클릭 할 때 체크 박스를 토글
일부 텍스트를 클릭 할 때 자바 스크립트가 확인란을 전환 할 필요가 없습니다 참고; 자세한 내용은 필드를 토글하고 선택합니다.