1

jQuery と 2 つのラジオボタンで小さな課題があります。ラジオボタンを選択するときにテキストブロックを表示し、他のラジオボタンを選択するときに同じテキストブロックを非表示にするのが好きです。初期状態ではテキストブロックは表示されません。

次の HTML コードがあります。

<span class="radiogroupline"><input type="radio" name="feedback" id="Ja" value="Ja">
<label for="Ja">Ja</label></span>
<span class="radiogroupline"><input type="radio" name="feedback" id="Nee"   class="feedback" value="Nee">
<label for="Nee">Nee</label></span>
<div class="text-feedback hidden">Dynamisch textblok</div>

そして、私は次のjQueryを書きました：

$('input[name="feedback"]').on("change", function() {
    $('.text-feedback').removeClass('hidden');
});

今の課題は、2 番目のラジオボタンを選択したときにテキストブロックのみを表示し、最初のラジオボタンを選択したときに非表示にする方法を達成することです...誰かが私を助けてくれることを願っていますか?

乾杯、ケシ

4

4 に答える 4

3

これを試して：

$('input[name="feedback"]').on("change", function() {
    if ($(this).val() == 'Nee') {
        $('.text-feedback').removeClass('hidden');
    }
    else {
        $('.text-feedback').addClass('hidden');
    }
});

フィドルの例

于 2013-01-14T14:54:47.573 に答える
2

2 つの要素に対して単一のイベント ハンドラーがあるため、それらを識別し、1 つの要素のクリックで表示し、他の要素のクリックで非表示にする条件を設定する必要があります。

ライブデモ

$('input[name="feedback"]').on("change", function(event) {
    if(event.target.id == 'Ja')      
    $('.text-feedback').removeClass('hidden');
    else
    $('.text-feedback').addClass('hidden');

});
于 2013-01-14T14:55:58.147 に答える
1

これを参照してください：http://jsfiddle.net/223PN/1/

<span class="radiogroupline"><input type="radio" name="feedback"   id="Ja" value="Ja" >
<label for="Ja" >Ja</label></span>
<span class="radiogroupline"><input type="radio" name="feedback" id="Nee"   class="feedback" value="Nee" checked>
<label for="Nee">Nee</label></span>
<div class="text-feedback hidden">Dynamisch textblok</div>

jQuery:

$('input[name="feedback"]').on("change", function() {
  $('.text-feedback').fadeToggle();
});
于 2013-01-14T14:59:49.473 に答える
1 
$('input[name="feedback"]').on("change", function() {
  if $('input[name="feedback"]').val()=='Ja'
  {
    $('.text-feedback').css('display','block');
  } else {
    $('.text-feedback').css('display','none');
  }
});

レコードについては、非表示のクラスが表示をなしに設定する以外のことを行い、この種のインスタンスでのみ使用されない場合、他の回答はコンテキストで意味があります。CSS からそれを失わない場合は、私がレイアウトしたように表示を制御します。

于 2013-01-14T14:55:11.323 に答える