jquery 체크박스 CHECKBOX 모두 선택, Selection_jquery 반전

사용 방법: 먼저 다음 JS를 파일로 저장하고 나중에 호출할 수도 있습니다. 쉽게 재사용하려면 전자를 사용하는 것이 좋습니다.

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

(function($){
$.fn.checkgroup = function(options){
//병합 설정
settings=$.extend({
groupSelector:null,
groupName:'group_name',
enabledOnly:false
},options || {}) ;

var ctrl_box=this;


//그룹 선택기 재정의 옵션 허용
var grp_slctr = (settings.groupSelector==null) ? settings.groupName ']' : settings.groupSelector;

//필요한 경우 활성화된 확인란만 선택합니다.
if(settings.enabledOnly)
{
grp_slctr = ':enabled'; >}

//"모두 선택" 확인란에 클릭 이벤트 첨부
ctrl_box.click(function(e){
chk_val=(e.target.checked);
$(grp_slctr).attr('checked',chk_val);
//다른 "모두 선택" 상자가 있으면 동기화하세요
ctrl_box.attr('checked',chk_val); );
/ /"그룹"의 체크박스에 클릭 이벤트 첨부
$(grp_slctr).click(function(){
if(!this.checked)
{
ctrl_box. attr('checked', false);
}
else
{
//if #의 chkbxes가 확인된 chkbxes의 #과 같습니다
if($(grp_slctr).size ()==$( grp_slctr ':checked').size()){
ctrl_box.attr('checked','checked')
}
}
}); >//jquery 내에서 이 함수를 연결 가능하게 만듭니다.
return this;
})(jQuery)

주로 다음 사용 방법을 살펴보세요.

코드 복사

코드는 다음과 같습니다.checkall< ;br> chk1

chk2

chk3

chk4


$(function() {
$("#checkall") .click(function() {
$('.checkall').checkgroup({groupSelector:'.groupclass',enabledOnly:true});
});
})


또는 다음 방법을 사용하세요.

코드를 복사하세요

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

$("#checkall").click(function() {

$( '#checkall').checkgroup({그룹이름:'그룹'})
})