Question

我有这段代码：

<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>

我希望能够更改将此类（greb-bg-selected）添加到我的第一个（具有gray-bg box-top-fix类的那个）。

我使用此代码：

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

我有两个问题：

1 /如果我没有点击单选按钮，我的父框就会接受新课程。我只想在检查无线电时才想要这个。如果单选按钮丢失了检查，请删除该类。 See the jsFiddle here

2 /使用复选框，它不起作用，因为如果我点击另一个复选框，第一个丢失了新类。 See the jsFiddle here

你能帮我吗？

感谢。

Answer 1

我不明白你什么时候想要添加课程，但是如果点击单选按钮就行了，试试这个：

$(document).ready(function() {
  $('input[type=radio]').click(function() {
      $('.grey-bg').removeClass('grey-bg-selected')
      $(this).parents('.grey-bg').addClass('grey-bg-selected')
   });
});

Answer 2

第二次点击复选框时，第一次失去了课程，因为您要删除所有区域的班级$('.grey-bg').removeClass('grey-bg-selected')

看看：this example它正在做你想要的事情

单选按钮和复选框问题

2 个答案: