javascript - 输入类型单选按钮已选中 else 语句在 jquery 中不起作用

Question

我想在单选按钮的父包装器中添加一个类，我这样做了，它可以工作但是其他语句不起作用

这是我的代码

<div class="radio">
    <input type="radio" name="name[]" checked>
</div>

<div class="radio">
    <input type="radio" name="name[]">
</div>

这是我的JS

$(document).ready(function(){
  $('input[type="radio"]').on('click',function(){
    if($(this).prop('checked')){
      $(this).parent().addClass('new')
    }
    else {
      $(this).parent().removeClass('new')
    }
  });
})

我想在未选中单选按钮时删除新类，但它不起作用。 例如 http://codepen.io/amitabha197/pen/KzqvWv

Answer 1

webeno 和 mhodges 为我指明了正确的方向后，我的解决方案就在这里。

  $('input[type="radio"]').on('change',function(){
    $(this).parent().addClass('new').siblings().removeClass('new');        
  });

---

还要记住，如果您曾尝试取消选中单个单选按钮，那么请记住这一点。

您不能取消选中单选按钮。您对其进行的所有点击都会使其保持选中状态，请改用复选框。

Why is it impossible to deselect HTML “radio” inputs?

Unable to uncheck radio button