자바스크립트 입문자인데..이미지 변경 스크립트..좀 도와주세여

checkbox가 발동하면 status1_off 이미지가 발동하는데..

checkbox1가 발동하면 status1_off가 그대로 있어서 이걸 어찌 해결해야할지 ㅠㅠ

checkbox가 기혼이고 checkbox1 이 미혼이라고 가정하에

기혼을 눌럿다가 미혼을 누르면 기혼버튼 이미지가 다시 올라가게 하고싶은데 잘 모르겠습니다..ㅠㅠ

좀 알려주시면 감사하겟습니다...

on_img 가 첫 이미지

눌렀을시 off_img 입니다;;

살려주세요 흑 ㅠㅠ


function CheckBox(self){ // 결혼 기혼  설정        
          var on_img = "images/btn_marital status1.png";
          var off_img = "images/btn_marital status1_off.png";          

    
      $this = $("#"+self);
      m = $this.attr('src');
 
      if(m==off_img) $this.attr('src', on_img);
      if(m==on_img) $this.attr('src', off_img);
    
     }
 
      var is_checked = false;
   
      for(var i=1; i<=1; i++){
          $src = $('#type'+i).attr('src');
          if($src == on_img) {
              is_checked = true;
          }
      }
 
      if(!is_checked){
        alert("타입을 선택해 주십시오");
         return;   
  }
 
       function CheckBox1(self){ // 결혼미혼 설정
          var on_img = "images/btn_marital status2.png";
          var off_img = "images/btn_marital status_off_2.png";
 
      $this = $("#"+self);
      m = $this.attr('src');

      if(m==off_img) $this.attr('src', on_img);
      if(m==on_img) $this.attr('src', off_img);

     }

    var is_checked = false;

      for(var i=1; i<=1; i++){
         $src = $('#type'+i).attr('src');
         if($src == on_img) {
              is_checked = true;
         }
     }

      if(!is_checked){
         alert("타입을 선택해 주십시오");
         return;   
 }