选中单选按钮时突出显示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>