jquery checkbox 쓰기 - 메일박스 전체 선택 기능 유사

2493 단어
이전에 원생 JS로 체크박스를 쓴 적이 있다―메일박스 전체 선택 기능과 유사하니 여기를 클릭하세요.최근에 jquery를 공부하고 있는데, 오늘은 짬을 내서 jquery로 체크박스를 씁니다. 메일박스 전체 선택 기능과 유사합니다.
 
  




checkbox
























역선



<br>$(function(){ <br>var checkboxes = $('input[name=choose]'); <br>var btn = $('#btn'); <br>var btn2 = $('#btn2'); <br>btn.click(function(){ <br>checkboxes.attr('checked',this.checked); <br>}); <br>checkboxes.click(function(){ <br>var flag = true; <br>checkboxes.each(function(){ <br>if(!this.checked) flag = false; <br>}); <br>btn.attr('checked',flag); <br>}); <br>btn2.click(function(){ <br>var flag = true; <br>checkboxes.each(function(){ <br>this.checked = !this.checked; <br>if(!this.checked) flag = false; <br>}); <br>btn.attr('checked',flag); <br>}); <br>}); <br>

알림: jquery를 사용하면 jquery 라이브러리를 도입해야 합니다.
PS: 이상은 본인이 배운 jquery 지식을 통해 임의로 쓴 효과입니다.

좋은 웹페이지 즐겨찾기