>웹 프론트엔드 >JS 튜토리얼 >체크박스가 선택되었는지 확인하는 jquery 코드

체크박스가 선택되었는지 확인하는 jquery 코드

WBOY
WBOY원래의
2016-05-16 18:18:161234검색
코드 복사 코드는 다음과 같습니다.

//선택 여부에 관계없이 해당 항목이 있는지 확인하세요. 선택된 경우 true를 반환하고, 그렇지 않으면 false를 반환합니다.
function mycheckbox() {
var falg = 0
$("input[name='soft[]']:checkbox").each(function ( ) {
if ($( this).attr("checked")) {
falg = 1
}
})
if (falg > 0)
return; true;
else
return false
}

이것은 북마크된 꽤 좋은 방법입니다.
다음 기능은 위 기능을 보완한 것입니다.
코드 복사 코드는 다음과 같습니다.

원래는 그렇게 쓰여 있었어요. jq1.42 작성 방법.
두 번째로,
function mycheckbox() {
var falg = 0
$("input[name='soft[]']:checkbox").each를 처리하는 것이 좋습니다. (function () {
if ($(this).attr("checked")) {
falg =1;
return false;
}
})
if ( falg > ; 0)
return true;
else
return false
}

다음은 간단한 판단입니다
판단문

if($('input:checkbox').attr("checked")==true)

HTML에서는 체크박스가 선택되어 있으면 누구나 알 수 있습니다. 확인되었습니다 = "확인됨".
하지만 jquery Alert($("#id").attr("checked"))를 사용하면 확인 대신 true라는 메시지가 표시됩니다.
너무 많은 친구들이 if($("# id").attr("checked")=="true") 이것은 잘못된 것입니다. 실제로는 if($("#id").attr("checked")==true)

예제에는 몇 가지 기능이 포함되어 있습니다.

>

코드


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

새 문서 <br><meta http-equiv="Content-Type" content="text/html; charset=UTF-8 "><SCRIPT LANGUAGE="JavaScript" src="http://www.cnjquery.com/demo/jquery.js"></script > <br><SCRIPT LANGUAGE= "자바스크립트" > <br><!-- <BR>$("document").ready(function(){ <BR>$("#btn1").click(function(){ <BR>$ ("[ name='checkbox']").attr("checked",'true');//모두 선택<BR>}) <BR>$("#btn2").click(function(){ <BR>$ ("[name='checkbox']").removeAttr("checked");//모두 선택 취소<BR>}) <BR>$("#btn3").click(function(){ <BR>$ ("[name='checkbox']:even").attr("checked",'true');//모든 홀수 선택<BR>}) <BR>$("#btn4").click (함수( ){ <BR>$("[name='checkbox']").each(function(){ <BR><BR>if($(this).attr("checked")) <br> { <br>$(this).removeAttr("checked"); <BR>} <BR>else <BR>{ <BR>$(this).attr("checked",'true'); } <BR>}) <BR>}) <BR>$("#btn5").click(function(){ <BR>var str=""; <BR>$("[name='checkbox'] [선택됨] ").each(function(){ <BR>str =$(this).val() ""r"n"; <BR>//alert($(this).val()); <BR>} ) <BR>경고(str); <BR>}) <BR>}) <BR>//-> <br></SCRIPT> <BODY> ; <BR><form name="form1" method="post" action=""> <br><input type="button" id="btn1" value="모두 선택"> <br> <input type="button" id="btn2" value="모두 선택 취소"> <br><input type="button" id="btn3" value="모든 홀수 선택"> <br> <input type="button" id="btn4" value="선택 반전"> <br><input type="button" id="btn5" value="선택한 값 모두 가져오기"> <br> <br> <br><input type="checkbox" name="checkbox" value="checkbox1"> <br>checkbox1 <br><input type="checkbox" name="checkbox" value=" checkbox2"> <br>checkbox2 <br><input type="checkbox" name="checkbox" value="checkbox3"> <br>checkbox3 <br><input type="checkbox" 이름 ="checkbox " value="checkbox4"> <br>checkbox4 <br><input type="checkbox" name="checkbox" value="checkbox5"> <br>checkbox5 <br><input type= "checkbox" name="checkbox" value="checkbox6"> <br>checkbox6 <br><input type="checkbox" name="checkbox" value="checkbox7"> ;입력 유형 ="checkbox" name="checkbox" value="checkbox8"> <br>checkbox8 <br></form><br><br><div class="codetitle"> <span><a style="CURSOR: pointer" data="19240" class="copybut" id="copybut19240" onclick="doCopy('code19240')"><u>复主代码</u></a></span> 代码如下:</div> <div class="codebody" id="code19240"> <br>/************단일 확인란에서 모두 선택*************************/ <br>function clickCheckbox() { <br>if($("#checkPathAll").attr("checked")) <br>{ <br>$("input[name='checkPath']").each( function() { <br>$(this).attr("checked", true) <br>}); <br>} <br>else <br>{ <br>$("input[name='checkPath']").each(function() { <br>$(this).attr("checked", false ) <br>}); <br>} <br>} <br> </div>
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.