>웹 프론트엔드 >JS 튜토리얼 >Jquery가 선택된 확인란을 가져옵니다.

Jquery가 선택된 확인란을 가져옵니다.

WBOY
WBOY원래의
2016-05-16 17:59:141159검색

팩트는 모든 것을 증명했습니다. 여러 번 테스트한 결과 제가 인터넷에서 말한 내용과 이전에 이해한 내용이 모두 잘못되었음을 발견했습니다.
에 관한 대부분의 정보는 무엇인지 살펴보겠습니다. 인터넷에서는

코드 복사 코드는 다음과 같습니다.

다른 사람에게서 무언가 전송:
jquery는 체크박스가 선택되었는지 여부를 결정합니다.
html의 체크박스에서 선택하면 selected="checked" 속성이 있습니다.
체크박스가 선택된 경우, 경고($(#xxx).attr("checked")), 경고($(#xxx).attr("checked"))의 값, 체크박스 속성 "checked" ", "checked" 대신 "true"를 인쇄합니다!
선택하지 않으면 "undefine"이 인쇄됩니다.

빨간색 부분을 주목하세요. 여기
코드를 복사하세요 코드는 다음과 같습니다. 다음:

$("#chekbox").sttr("checked")//"checked"가 아니라 "true"로 인쇄해야 합니다.

이후 테스트 결과 위의 내용에 문제가 있는 것으로 확인되었습니다
코드 복사 코드는 다음과 같습니다.



//위 결과는 다음과 같습니다. 확인란을 선택하면 "checked"가 인쇄되고, 확인란을 선택 취소하면 "undefine"이 인쇄됩니다.
실험을 통해 Jquery가 확인된 값을 가져와 "true"를 인쇄하는 것이 잘못되었음을 증명했습니다.
추론 적용:
그리고 Jquery가 확인란을 선택하고 항상 "선택"되어 있는 것으로 나타났습니다. 이유를 아는 사람이 있으면 알려주세요. 하~~

코드 복사 코드는 다음과 같습니다.
< ;script type="text/javascript">
$(function() {
$("#button").click(function() {
alert($("#checkbox").attr("checked"));
})




//빨간색 위치에 주의하세요. 기본 체크박스가 체크된 상태라면, 체크박스를 제거하면 "체크됨"만 출력됩니다. Jquery가 왜 이렇게 동작하는지 이해가 안 돼요
솔루션, document.get을 사용하여 가져오세요:


코드 복사 코드
<script> <div class="codebody" id="code66113">function getcheckbox(){ <br>var test = document.getElementById("checkbox").checked <br> Alert(test); <br>} <br></script>



//선택한 경우는 "true", 선택하지 않은 경우는 "false"입니다.
틀린 부분이 있으면 정정해 주세요. 인터넷에 검색된 질문은 모두 N번 올라와 있으니 직접 테스트해 보세요.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:javascript_javascript 기술의 XML 작업 구현 코드다음 기사:javascript_javascript 기술의 XML 작업 구현 코드

관련 기사

더보기