그래서 인터넷에 있는 예시를 참고해서 하나 작성해 보았는데, 원하는 효과를 얻었습니다. 사실 이것도 아주 간단한 예시인데 부족한 점을 지적해 주셨으면 좋겠습니다. 모든 사람이 볼 수 있도록 아래 코드를 게시하세요 코드 복사 코드는 다음과 같습니다. <%@ 페이지 언어="C#" AutoEventWireup="true" CodeFile="checkAll.aspx.cs" Inherits="checkAll" %> script> <br><script 언어="javascript" type="text/javascript"> <br>$(document).ready(function () { <br>//모두 선택 또는 없음<br>$( " #chkAll").click(function () {//모두 선택 상자를 클릭한 경우<br>var flag = $("#chkAll").attr("checked");//선택 상태 확인 all 버튼<br>$("[id$='Item']").each(function () {//ID가 Item <br>$(this).attr("checked", flag로 끝나는 각 체크박스 찾기 );/ /체크 또는 체크 해제<br>}); <br>})<br>//모두 선택하고 전체 선택 박스를 체크한 후, 모두 선택하면 그 중 하나가 취소됩니다. -선택 상자가 선택 해제됩니다<br> $("[id$='Item']").each(function () { <br>$(this).click(function () { <br>if ($( "[id$='Item'] :checked").length == $("[id$='Item']").length) { <br>$("#chkAll").attr("checked" , "체크됨"); <br> } <br>else $("#chkAll").removeAttr("체크됨") <br>}); <br><br> <br><form id="form1" runat="server"> <br><br>< 테이블><br><tr> <br><td width="100px"> <br><asp:CheckBox ID="chkAll" runat="server" Text="모두 선택"/> 🎜></td> <br></tr> <br><td width="100px"> <br><asp:CheckBox ID="chk1_Item" runat= "서버"/> <br></tr> <br><tr> <br><checkbox id="chk2_Item" runat="서버"></tr> <br><td width="100px"> 🎜><asp:CheckBox ID= "chk3_Item" runat="server"/> <br></td> <br></tr> <br><tr> ="100px"> <br> <asp:CheckBox ID="chk4_Item" runat="server"/> <br></td> <br></tr> <br><td width=" 100px"> <br><asp:CheckBox ID="chk5_Item" runat="server"/> <br></td> <br><tr> <br><td width="100px"> <br><asp:CheckBox ID="chk6_Item" runat="server"/> 🎜></tr> <br><tr> <br><td width="100px"> <br><asp:CheckBox ID="chk7_Item" runat="server"/> ></td> <br></tr> <br></div> <br></body> ;/html> <br><br></checkbox> </form> </div>