选中单选按钮时突出显示div

Question

如何在jquery中创建addclass和removeclass？我只是想在选择单选按钮时在div下创建一个活动类名？我在下面附上了一些例子。

Answer 1

这会将active类添加到包含DIV，并将其从其周围的所有其他DIV中删除。

$(":radio").click(function() {
  $(this).closest("div").addClass("active").
  siblings("div.active").removeClass("active");
});

.active {
  background-color: hotpink;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <input type="radio" name="radio">Button 1</div>
<div>
  <input type="radio" name="radio">Button 2</div>
<div>
  <input type="radio" name="radio">Button 3</div>