체크박스가 선택되었는지 확인하는 jquery 코드-JS 튜토리얼-php.cn

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

WBOY

풀어 주다： 2016-05-16 18:18:16

원래의

1227명이 탐색했습니다.

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

 
//선택 여부에 관계없이 해당 항목이 있는지 확인하세요. 선택된 경우 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>