[ラジオボタン]

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

はあなたが

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

それとも、クリック上のすべてのフィールドをリセットする可能性がのonblurイベントを追加することができます。例えば受け入れられたよう

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