login register Sysop! about ME  

2018년 06월 08일 15시 47분 00초,     조회수 : 414
  제목 : RE : ASP 체크박스(전체 체크/해제)ㅠㅠ
SEQ : 164036 글쓴이 : mabari99

작성 포맷 : TEXT 모드, 자동 줄바꿈 사용

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<table border="1">
	   <tr>
	   	   <td>
	   	   	   <input type="checkbox" id="checkall1" />
	   	   </td>
	   	   <td>
	   	   	   <input type=checkbox id=checkbox1 name=chkbox  class="chk1" 
onclick="itemSum(this.form);">
	   	   	   <input type=checkbox id=checkbox2 name=chkbox  class="chk1" 
onclick="itemSum(this.form);">
	   	   	   <input type=checkbox id=checkbox3 name=chkbox  class="chk1" 
onclick="itemSum(this.form);">
	   	   	   <input type=checkbox id=checkbox4 name=chkbox  class="chk1" 
onclick="itemSum(this.form);">
	   	   	   <input type=checkbox id=checkbox5 name=chkbox  class="chk1" 
onclick="itemSum(this.form);">
	   	   	   <input type=checkbox id=checkbox6 name=chkbox  class="chk1" 
onclick="itemSum(this.form);">
	   	   </td>
	   </tr>
	   <tr>
	   	   <td>
	   	   	   <input type="checkbox" id="checkall2" />
	   	   </td>
	   	   <td>
	   	   	   <input type=checkbox id=checkbox1 name=chkbox  class="chk2" 
onclick="itemSum(this.form);">
	   	   	   <input type=checkbox id=checkbox2 name=chkbox  class="chk2" 
onclick="itemSum(this.form);">
	   	   	   <input type=checkbox id=checkbox3 name=chkbox  class="chk2" 
onclick="itemSum(this.form);">
	   	   	   <input type=checkbox id=checkbox4 name=chkbox  class="chk2" 
onclick="itemSum(this.form);">
	   	   	   <input type=checkbox id=checkbox5 name=chkbox  class="chk2" 
onclick="itemSum(this.form);">
	   	   	   <input type=checkbox id=checkbox6 name=chkbox  class="chk2" 
onclick="itemSum(this.form);">
	   	   </td>
	   </tr>
	   <tr>
	   	   <td>
	   	   	   <input type="checkbox" id="checkall3" />
	   	   </td>
	   	   <td>
	   	   	   <input type=checkbox id=checkbox1 name=chkbox  class="chk3" 
onclick="itemSum(this.form);">
	   	   	   <input type=checkbox id=checkbox2 name=chkbox  class="chk3" 
onclick="itemSum(this.form);">
	   	   	   <input type=checkbox id=checkbox3 name=chkbox  class="chk3" 
onclick="itemSum(this.form);">
	   	   	   <input type=checkbox id=checkbox4 name=chkbox  class="chk3" 
onclick="itemSum(this.form);">
	   	   	   <input type=checkbox id=checkbox5 name=chkbox  class="chk3" 
onclick="itemSum(this.form);">
	   	   	   <input type=checkbox id=checkbox6 name=chkbox  class="chk3" 
onclick="itemSum(this.form);">
	   	   </td>
	   </tr>
</table>
<script>
$(document).ready(function(){
	   $("#checkall2").click(function(){
	   	   if($("#checkall2").prop("checked")){
	   	   	   $( '.chk2' ).prop( 'checked', this.checked );
	   	   }else{
	   	   	   $( '.chk2' ).prop( 'checked', this.checked );
	   	   }
	   })
});
</script>
그냥 단순 checkbox리스트면 위 처럼도 처리 가능 합니다..^^;

  jhtea21
  2018-06-10(14:51)
캐릭 이미지
감사합니다 큰 힌트가 되었씁니다.
다만 체크박스가 3줄로 끝나는게 아니고, 쿼리로 불러오는거라 몇줄이 될지 정해진게 아니
네요. 그래도 일단 저 틀에서 응용해봐야겠습니다.
감사합니다!!!!



제목 작성자 날짜 조회
ASP 체크박스(전체 체크/해제)ㅠㅠ (6) jhtea21 2018-06-08 439
RE : ASP 체크박스(전체 체크/해제)ㅠㅠ (1) mabari99 2018-06-08 414
RE : RE : ASP 체크박스(전체 체크/해제)ㅠㅠ (1) mabari99 2018-06-11 336

 
 
.NET과 Java 동영상 기반의 교육사이트

로딩 중입니다...

서버 프레임워크 지원 : NeoDEEX
based on ASP.NET 3.5
Creative Commons License
{5}
{2} 읽음   :{3} ({4})