어느 비전공자의 개발일지

자바스크립트 radio버튼 선택해제(클릭해제) 만들기 본문

백엔드 개발자/JavaScript

자바스크립트 radio버튼 선택해제(클릭해제) 만들기

vndn629 2023. 4. 6. 13:41

 

$("input[type=radio]").each(function(){

    var chk = $(this).is(":checked");
    var name = $(this).attr('name');   <- 여기 radio name값 넣으면 끝
    if(chk == true) $("input[name='"+name+"']").data("previous",$(this).val());

});

$("input[type=radio]").click(function(){

    var pre = $(this).data("previous");
    var chk = $(this).is(":checked");
    var name = $(this).attr('name');

    if(chk == true && pre == $(this).val()){
        $(this).prop('checked',false);
        $("input[name='"+name+"']").data("previous",'');

    }else{
        if(chk == true) $("input[name='"+name+"']").data("previous",$(this).val());
    }

});

 

반응형