jquery - 单选按钮，在选中时添加类，在未选中时删除类

你们能帮我吗？我想将“已检查”类添加到跨度为“ .group_4”的类中。我想我会使用jQuery。我无法更改HTML。

现在发生的是：在两个项目上单击时，都不会删除该类。因此，两个跨度都具有“ gechecked”类。

任何简单的解决方案？

谢谢。

$(document).ready(function() {
  $(".attribute_list label").click(function() {
    if ($('input.attribute_radio').is(':checked')) {
      $(this).find('.group_4').addClass("gechecked");
    } else {
      $(this).find('.group_4').removeClass("gechecked");
    }
  });
});

<div class="attribute_list">
  <ul>
    <li>
      <label><div class="radio" style="display: none;"><span class="checked"><input style="display:none !important" type="radio" class="attribute_radio" name="group_4" value="25"></span></div>
																<span class="group_4 gechecked">Graniet</span></label>
    </li>
    <li>
      <label><div class="radio" style="display: none;"><span class=""><input style="display:none !important" type="radio" class="attribute_radio" name="group_4" value="26" checked="checked"></span></div>
																<span class="group_4 gechecked">Composiet</span></label>
    </li>
  </ul>
</div>

最佳答案

这是fiddle

jQuery(document).ready(function($) {
  $(".attribute_list label").click(function() {
    $('.group_4').removeClass("gechecked");
    if ($('input.attribute_radio').is(':checked')) {
      $(this).find('.group_4').addClass("gechecked");
    }
  });
});

关于jquery - 单选按钮，在选中时添加类，在未选中时删除类，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42644687/