如果找到父div.class，则删除单选按钮类

Question

如果找到父div类s1，则要删除单选按钮类 false 。

<div class="s1">
<span>
<input name="question0" checked type="radio" value="C" class="false">
</span>
</div>

我的剧本

$('.s1:has(input:radio:checked)').removeClass('false');

Answer 1

你可以使用简单的选择器，不需要任何特殊的选择。

$('.s1 :radio').removeClass('false');

jQuery(function($) {
  $('.s1 :radio').removeClass('false');
});

.false {
  background-color: blue;
  height: 50px;
  width: 100px;  
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="s1">
  <span>
<input name="question0" checked type="radio" value="C" class="false">
</span>
</div>
<div class="s2">
  <span>
<input name="question0" checked type="radio" value="C" class="false">
</span>
</div>

Answer 2

尝试使用无线电是否检查

$(".s1 input[type='radio']").removeClass('false');

这只用于检查收音机

$(".s1 input[type='radio']:checked").removeClass('false');

Answer 3

如果唯一的原因是改变单选按钮的外观，使用jQuery实际上并不是正常的方式。

这是一个不使用jQuery的例子，它只是在CSS中被定位。

＆＃13;

＆＃13;

.s2 .false {
  height: 50px;
  width: 100px;  
}

＆＃13;

<div class="s1">
  <input name="question0" 
         checked type="radio" 
         value="C" 
         class="false">  
</div>
<div class="s2">
  <input name="question0" 
         checked 
         type="radio" 
         value="C" 
         class="false">
</div>

＆＃13;

＆＃13;

＆＃13;