[스크립트 이벤트] 체크박스 선택하기 :: 깨알지식 , 공부공부
JavaScript2016. 12. 30. 10:59
#체크박스 선택하기
간단하게 체크박스 선택하는 것에 대해 적겠습니다.
==html==
<table> <tr> <td><input type="checkbox" id="all" /></td> <td>내용</td> </tr> <tr> <td><input type="checkbox" name="a" /></td> <td>a</td> </tr> <tr> <td><input type="checkbox" name="a" /></td> <td>a</td> </tr></table>==script==
$(document).ready(function(){ //실행함수 선언 $("#all").click(function(){ // 상단에 id='all' 클릭 if($("#all").prop("checked")){ // id='all'인 것을 체크했을 시, 즉 클릭한값이 체크값이면 $("input[name=a]").prop("checked",true); // name찾아가 체크로 바꿈 }else{ $("input[name=a]").prop("checked",false);//아닐시, name찾아가 체크로 바꿈 } })})* 여기서 dom형식은 어떤것으로해도 무관하다 ,
참고 : 전체선택 및 삭제 SIte!
'JavaScript' 카테고리의 다른 글
| [스크립트 이벤트] div 영역 마우스로 움직이기 :: 깨알지식 , 공부공부 (0) | 2017.09.26 |
|---|---|
| [스크립트 이벤트] Data 검색 할 때, 바로바로 출력하기 :: 깨알지식 , 공부공부 (0) | 2017.01.02 |
| [스크립트 이벤트] 이미지 업로드 할 때, 미리보기 :: 깨알지식 , 공부공부 (0) | 2016.12.28 |
| [스크립트 이벤트] 마우스 오버 시, 서브메뉴얼 표시하기. :: 깨알지식 , 공부공부 (0) | 2016.12.14 |
