[라디오 버튼]

Question

온라인 테스트를위한 PHP 기반 프로그램을 개발 중입니다. 25 개의 무작위 질문이있을 것이며 응시자는 20 개의 필수 질문에 답해야합니다. 응시자가 질문에 대답했는지 여부를 표시하려면 라디오 클릭 이벤트를 포함 시켜서 옵션을 클릭하면 해당 질문의 일련 번호가 강조 표시됩니다. 나는, 그러나

$(document).ready(function(){ 
    $('input[type="radio"]').click(function(){ 
     if (this.checked==true){ 
      $("#tt_1").css("font-size", "25px"); 
     } 
    }); 
}); 

: 나는 다음과 같은 코드를 통해 문제 번호의 글꼴 크기를 변경할 수 있어요

$(function(){ 
    $('input[type="radio"]').mousedown(function() { 
     if (this.checked) { 
      $(this).mouseup(function(e) { 
       var radio = this; 
       setTimeout(function() { 
        radio.checked = false; 
       }, 5); 

       $(this).unbind('mouseup');  
      }); 
     } 
    }); 
}); 

: 나는 다음과 같은 JQuery와 기능에 의해 옵션 버튼을 선택하고 취소 할 수 있어요 위의 함수에 ELSE 조건을 포함 할 수 없으므로 옵션 버튼을 선택 취소 할 때 서식이 복원됩니다.

정확한 코드를 알려주십시오.

고마워요.

Answer 1

addClass('your-class')을 사용하고 CSS에서 클래스를 정의하는 것이 jQuery를 통해 CSS 값을 복원/제거하는 것보다 훨씬 쉽습니다. 예를 들어

:

$(document).ready(function() { 
    var radios = $('input[type="radio"]'); 
    radios.click(function() { 
     radios.each(function() { 
      if (this.checked==true){ 
       $("#tt_1").addClass('bigger-font'); 
      } 
      else $("#tt_1").removeClass('bigger-font'); 
     }); 

    }); 
}); 


<style> 
.bigger-font { 
    font-size: 25px; 
} 
</style> 

Answer 2

당신은에 onblur 이벤트를

http://api.jquery.com/blur/

를 추가 할 수 있습니다 또는 당신은 클릭에 모든 필드를 재설정 할 수 있습니다. 예 : 당신이 정보를 가지고 있다면 가능으로

$('input[type="radio"]').each(function(){ 
    // Reset the state 
});