<div class="codetitle"> <span><a style="CURSOR: pointer" data="33197" class="copybut" id="copybut33197" onclick="doCopy('code33197')"><u>코드 복사 </u></a></span> 코드는 다음과 같습니다. </div> <div class="codebody" id="code33197"> <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(function(){ <BR>$("[name='checkbox']") .each( function(){//역선택<BR>if($(this).attr("checked")){ <BR>$(this).removeAttr("checked"); <BR>} <BR>else{ <BR>$(this).attr("checked",'true'); <BR>} <BR>}) <BR>}) <BR>$("#btn5").click(function (){/ /선택한 값 출력 <BR>var str="" <BR>$("[name='checkbox'][checked]").each(function(){ <BR>str =$( this).val () "rn"; <BR>//alert($(this).val()) <BR>alert(str) <BR>}) <BR>- -> <br><br> <br> </div>여기서 <br><br><br><div class="codetitle"> <span>코드 복사<a style="CURSOR: pointer" data="11171" class="copybut" id="copybut11171" onclick="doCopy('code11171')"><u></u> 다음: </a></span> </div>$("[name='checkbox'][checked]").each(function(){ <div class="codebody" id="code11171">str =$(this).val() "rn"; //alert($(this ).val()); <br>}) <br><br> <br>FireFox에서는 이 부분의 코드가 제대로 작동하지 않습니다. </div> <br><br><div class="codetitle"> <span>코드 복사<a style="CURSOR: pointer" data="50692" class="copybut" id="copybut50692" onclick="doCopy('code50692')"><u></u> 코드는 다음과 같습니다.</a></span> </div>$ ("[name='checkbox']:checked").each(function(){ <div class="codebody" id="code50692">str =$(this).val() "rn"; //alert($(this).val()) ; <br>}) <br><br> <br>즉: $("[name='checkbox']:checked")를 사용하여 라디오/체크박스 그룹에서 선택한 컨트롤 컬렉션을 올바르게 가져옵니다</div> <br>실행 후 새로고침 필요<br><strong></strong><br> <div class="htmlarea"> <textarea id="runcode41483"> louis-blog >> 체크박스에 대한 jQuery 작업<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title> </title> <div style="border: 1px solid #999; width: 500px; padding: 15px; background: #eee; margin-top: 150px;"> <form name="form1" method="post" action=""> <input type="button" id="btn1" value=""> </form> </div></textarea> </div>