1

JavaScript のヘルプが必要です。

JSFIDDLE のコードへのリンクは次のとおりです: http://jsfiddle.net/Gopher69/B98kZ/4/

私のJSは：

$(document).ready(function() {
//add the Selected class to the checked radio button
$('[type=radio]').parent().addClass("selected");
//If another radio button is clicked, add the select class, and remove it from the       previously selected radio
$('input').click(function() {
    $('input:not(:checked)').parent().removeClass("radio  validate-one-required-by-name product-custom-option").find("class").html("radio  validate-one-required-by-name product-custom-option");
    $('input:checked').parent().addClass("radio  validate-one-required-by-name product-custom-option").find("class").html("radio  validate-one-required-by-name product-custom-option active");
});});

css のホバー効果と同じように、ラジオ ボタンの背景色を調整したいと考えています。したがって、ラジオボタンがアクティブなときに「チェック済み」のようなものをクラスに追加する必要があります。

この投稿を見つけましたが、序文を取得していません: jQuery Checkbox selection and change class

誰かが私を助けてくれたら、とても感謝しています。

4

3 に答える 3

3

これを行うには、純粋な css を使用できます。

  input[type="radio"]:checked {
    /* put some style here */
  }
于 2012-12-26T12:11:47.077 に答える
0 
$("#" + radioelementid).on("change",function(){  
$(this).addClass("testClass")   
//or   
$(this).removeClass("testClass");
});
于 2012-12-26T12:10:12.170 に答える
0

@Krunal Goswamiの回答に基づく-さらに短い：

$("#" + elementId).on("change",function(){
    $(this).toggleClass("checked");
});

ノート

それはあなたのトリックを行う必要があります。これを使用することはお勧めしませんが。代わりに、「カスタム チェックボックス」の実装 / jQuery プラグインを試してみてください。ネイティブ ブラウザのチェックボックスは、スタイル設定があまり好きではないためです (クロス ブラウザ)。

于 2012-12-26T12:24:33.313 に答える