<div class="codetitle"> <span><a style="CURSOR: pointer" data="62009" class="copybut" id="copybut62009" onclick="doCopy('code62009')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code62009"> <br><html> 🎜>< ;title> <br>체크박스 테스트<br></title> <br><script type='text/javascript' src='jquery-1.8.2.min.js'>/ 스크립트> <br><br><script type="text/javascript"> <br>$(document).ready(function(){ <br>$("#all").change(function() { <br>//alert($("#all").val()); //체크박스 값 가져오기<br>// Alert($("#all").get(0).checked) ; //true 및 false 값 <br>if($("#all").get(0).checked){ //dom 개체의 속성을 사용하여 jquery 개체를 dom 개체로 변환합니다. <br>$ (":checkbox" ).attr({ <br>//checked: 'checked'는 다음 문장으로 대체 가능 <br>"checked":true <br>}) <br>}else{ <br> //$(":checkbox ").removeAttr('checked'); 다음 문장으로 대체 가능 <br>$(":checkbox").attr({ <br>"checked":false <br>} ); <br>} <br> //배열을 조작하는 첫 번째 방법<br>/* //each(function()) function<br>var arr=new Array(); 확인란의 값은 배열로 표시되고 배경으로 전달됩니다<br> var i=0 <br>$(":checkbox").each(function(index){ <br>if($(this).val ()=="1"){ <br>return true; <br>} <br>arr[i]=$(this).val() <br>alert(i "앞에 아래 첨자가 붙음 the value" arr[i ]); //체크박스 값 가져오기<br>} ); */ <br>//배열을 조작하는 두 번째 방법 <br>var arr= new Array(); <br>$( ":checkbox").each(function(index){ <br>if($ (this).val()!="1"){ <br>arr.push($(this).val()); <br>} <br><br>}); <br>//그룹 출력 배열 값 <br>for(var j=0;j<arr.length;j ){ <BR>alert(arr[ j]); <BR>var str=arr.join(", "); //배열을 사용하여 문자열로 연결 <BR>alert(str); //문자열 출력 <BR> }); <BR><BR>< /script> <br><body> ='all' value='1' />모두 선택<br /> <br><input type='checkbox' id='all1' value='2' />num1<br /> 🎜><input type='checkbox' id='all2' value='3 ' />num2<br /> <br><input type='checkbox' id='all3' value='4' />num3<br /> <br><input type='checkbox ' id='all5' value='5' />num4<br /> <br></body> </div>
