jquery는 체크박스 선택, 역선택, 선택 없음(홀수) 등의 기능 코드를 구현합니다.

페이지에 다음과 같은 확인란 세트와 여러 관련 버튼(모두 선택, 역선택, 모두 선택 취소 등)이 있다고 가정합니다.

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

Apple
주황색
바나나
포도




관련 기능을 각각 구현합니다.

코드 복사 코드는 다음과 같습니다. $(function(){

$('#btn1').click(function(){//모두 선택

$("[name='fruit']").attr('checked ','true');
} );
$('#btn2').click(function(){//없음 선택
$("[name='fruit']"). RemoveAttr('checked');
});
$('#btn3').click(function(){//역선택
$("[name='fruit']"). 각각(함수(){
if( $(this).attr('checked')){
$(this).removeAttr('checked');
}else{
$( this).attr('checked','true ');
}
})
})
$("#btn4").click(function(){//모두 선택 홀수
$("[name='fruit']:even").attr('checked','true')
})
$("#btn5").click(function (){//선택한 모든 옵션의 값을 가져옵니다
var checkVal=''
$("[name='fruit'][checked]").each(function(){
checkVal =$(this).val() ',' ;
})
alert(checkVal)
})
})


jquery를 사용하기 전에 jquery 패키지를 가져와야 합니다!