jquery를 사용하여 체크박스 작성 - 사서함과 유사하게 모두 선택 function_jquery

이전에 기본 JS를 사용하여 확인란을 작성했습니다. 모든 기능을 선택하는 사서함과 유사합니다. 여기를 클릭하세요. 최근 jquery를 배우고 있는데 오늘은 jquery를 이용하여 체크박스를 작성하는 시간을 가졌습니다. 메일함 전체 선택 기능과 유사합니다.

코드 복사 코드는 다음과 같습니다.

<제목>체크박스
< ;/head> ;

모두 선택/모두 선택 취소< ; /label>

옵션 1 < ;br/>
옵션 2
옵션 3
> 옵션 4

옵션 5

옵션 6

옵션 7

옵션 8

옵션 9

< label for="checkbox10">옵션 10

선택 반전
< ; /body>

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




팁
: jquery를 사용하는 경우 jquery 라이브러리를 가져와야 합니다.
PS: 위의 효과는 제가 배운 jquery 지식을 바탕으로 무작위로 작성한 일부 효과입니다.