javascript - 如何在jquery中添加基于输入属性的类？

Question

我有一些单选按钮最初并未设置 css，其中 check =“checked”。

有什么建议我可以使用什么类型的 jquery 语句来将类应用于选中的输入单选按钮吗？

我还附上了我的jsfiddle

https://jsfiddle.net/2Lbbf1b4/1/

$(function() {
  $('label.radio-inline input').on('change', function() {
    var name = $(this).attr('name');
    if (true === $(this).prop('checked')) {
      $('[name=' + $(this).attr('name') + ']').parent().removeClass('radio-select');
      $(this).parent().addClass('radio-select');
    }
  });
});


<label class="radio-inline radio-style">
  <input type="radio" checked="checked" name="test1" value="1" class="radio-style">
</label>
<label class="radio-inline radio-style">
  <input type="radio" name="test1" value="2">
</label>
<br>
<label class="radio-inline radio-style">
  <input type="radio" checked="checked" name="test" value="1" class="radio-style">
</label>
<label class="radio-inline radio-style">
  <input type="radio" name="test" value="2">
</label>

Answer 1

您可以稍微简化一下，并使用 jQuery 的 .is() 辅助方法来检查输入的选中状态，并将其与同名的同级进行比较:

$(function() {
    $('label.radio-inline input').on('change', function() {
        if ($(this).is(':checked')) {
            $('input[name="' + $(this).prop('name') +'"]').not($(this)).parent().removeClass('radio-select');
            $(this).parent().addClass('radio-select');
        }
    });
});

Updated jsFiddle