<div class="codetitle"> <span><a style="CURSOR: pointer" data="40018" class="copybut" id="copybut40018" onclick="doCopy('code40018')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code40018"> <br><%@ Page Language="C#" AutoEventWireup= "true" CodeFile="DemoCheckBox.aspx.cs" Inherits="DemoCheckBox" %> <br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www .w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br><html xmlns="http://www.w3.org/1999/xhtml"> <br><head runat=" server"> <br><title>제목 없는 페이지</title> <br><script src="js/jquery-1.6.min.js" type="text/javascript"> / script> <br><script type="text/javascript"> <br>jQuery(function($){ <br>//모두 선택<br>$("#btn1").click(function( ) { <br>$("input[name='checkbox']").attr("checked","true") <br>}) <br>//모든 선택 취소<br>$("# btn2 ").click(function(){ <br>$("input[name='checkbox']").removeAttr("checked"); <br>}) <br>//모든 베이스 선택<br> $ ("#btn3").click(function(){ <br>$("input[name='checkbox']:even").attr("checked","true"); <br>}) <br>//모든 짝수 선택<br>$("#btn6").click(function(){ <br>$("input[name='checkbox']:odd").attr("checked", "true"); <br>}) <br>//역선택<br>$("#btn4").click(function(){ <br>$("input[name='checkbox']") .each( function(){ <br>if($(this).attr("checked")) <br>{ <br>$(this).removeAttr("checked"); <br>} <br> else <br>{ <br>$(this).attr("checked","true"); <br>} <br>}) <br>}) <br>//아마도 선택 항목의 값<br>var aa =""; <br>$("#btn5").click(function(){ <br>$("input[name='checkbox']:checkbox:checked").each(function( ){ <br>aa =$(this).val() <br>}) <br>document.write(aa) <br>}) <br>}) <br></script> ></ head> <br><body> <br><form id="form1" runat="server"> <br><div><br><input type="button" ="btn1" value="모두 선택"> <br><input type="button" id="btn2" value="모두 선택 취소"><br><input type="button" id=" btn3" value ="홀수 모두 선택"> <br><input type="button" id="btn6" value="모든 짝수 선택"> <br><input type="button" id ="btn4" value ="선택 반전"> <br><input type="button" id="btn5" value="선택한 값 모두 가져오기"> input type="checkbox " name="checkbox" value="checkbox1"> <br>checkbox1 <br><input type="checkbox" name="checkbox" value="checkbox2"> 🎜><input type="checkbox" name="checkbox" value="checkbox3"> <br>checkbox3 <br><input type="checkbox" name="checkbox" value="checkbox4"> 🎜>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"> <br>checkbox7 <br><input type="checkbox" name="checkbox" value="checkbox8" > <br>checkbox8 <br></form> <br></html> 🎜>jquery 루프 읽기 체크박스 값 가져오기<br><br><br><br><br>코드 복사<br><br><br> 코드는 다음과 같습니다.<br> </div> <br> $("input[type=checkbox] [checked]").each(function(){ //일반적으로 여러 개의 체크박스가 선택되므로 루프로 출력할 수 있습니다 <br>alert($(this).val( )) <div class="codetitle">});</div>