'2017/07/21'에 해당되는 글 1건

  1. 2017.07.21 jQuery checkbox 일괄체크시 클릭 이벤트 주는 방법 trigger

반응형

전체 체크를 종종 쓸일이 있다.

더불어 check box를 클릭할때마다 특정 값을 hidden box에 넣어주는 코드를 넣어뒀다면 난감해진다.

동작하지 않기 때문이다.


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

if($("#ALLCHK").prop("checked")) {

$(".SCHOOLVISIT").prop("checked",true).change();;

} else {

//체크해제

$(".SCHOOLVISIT").prop("checked",false).change();;

}

})


전체 체크박스인 id가 ALLCHK를 클릭하면

SCHOOLVISIT라는 체크 박스가 토글되는 코드이다.

무척 단순한 코드


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

if($("#ALLCHK").prop("checked")) {

$(".SCHOOLVISIT").prop("checked",true);

} else {

//체크해제

$(".SCHOOLVISIT").prop("checked",false);

}

})



하지만 SCHOOLVISIT 체크박스를 클릭할때 hidden값을 넣어주는 코드가 있다면?
아래와 같이 change()를 붙여줘야 한다.

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

if($("#ALLCHK").prop("checked")) {

$(".SCHOOLVISIT").prop("checked",true).change();

} else {

//체크해제

$(".SCHOOLVISIT").prop("checked",false).change();

}

})


            $(".A_ATTEND_SCHOOLVISITCHECK<%=i %>").change(function(e) {

                e.preventDefault();

                

                if($(".A_ATTEND_SCHOOLVISITCHECK<%=i %>").is(":checked")){

                    $(".A_ATTEND_SCHOOLVISIT").eq(<%=i %>).val($(this).val());

                    $(".A_ATTENDCD").eq(<%=i %>).val($(this).val());

                }else{

                    $(".A_ATTEND_SCHOOLVISIT").eq(<%=i %>).val('');

                    $(".A_ATTENDCD").eq(<%=i %>).val('');

                }

                

                $(".A_ATTENDRADIO<%=i %>:radio[value='']").prop("checked", true);


            }); 

반응형
Posted by Hippalus
,