0

私はこのコードを持っています：

<div class="grey-bg box-top-fix">
  <h4>Item 1</h4>
  <p class="muted-small tempos">From 40 $</p>
  <div class="aboutsocial">
    <label class="radio">
      <input type="radio" name="ws_type" value="1">
      Choose this option </label>
  </div>
</div>

このクラス (grey-bg-selected) を最初のクラス (grey-bg box-top-fix クラスを持つクラス) に追加できるようにしたいと考えています。

私はこのコードを使用します：

$(document).ready(function() {
  $('.grey-bg').click(function() {
      $('.grey-bg').removeClass('grey-bg-selected')
      $(this).addClass('grey-bg-selected')
  });
});

2 つの問題があります。

1/ ラジオ ボタンをクリックしないと、親ボックスが新しいクラスを取得します。ラジオがチェックされている場合にのみこれが必要です。ラジオ ボタンのチェックが外れた場合は、クラスを削除します。 ここでjsFiddleを参照してください

2/チェックボックスを使用すると、別のチェックボックスをクリックすると、最初のチェックボックスが新しいクラスを失ったため、機能しません。 ここでjsFiddleを参照してください

手伝っていただけませんか ？

ありがとう。

4

2 に答える 2

0

クラスをいつ追加したいのかよくわかりませんが、ラジオボタンがクリックされたときの場合は、これを試してください：

$(document).ready(function() {
  $('input[type=radio]').click(function() {
      $('.grey-bg').removeClass('grey-bg-selected')
      $(this).parents('.grey-bg').addClass('grey-bg-selected')
   });
});
于 2013-11-06T20:53:18.853 に答える