我有这个 HTML 环境,我想在其中设置为 .prop('checked', false)
两类单选按钮 class=IIlvl
和 class=IIIlvl
一键点击。由于相同的类也被赋予了相关输入,我想知道是否有一种干净的方法可以用一行代码来完成。
例如,这个 $('.IIlvl, .IIIlvl').prop('checked', false);
有效,但我认为它不是很干净,因为它发送了 。 prop()
也对具有相同类的输入(即使没有显示错误,所以这可能只是个人的偏执狂)。
我认为正确的解决方案是这样的 $('input:radio[class=IIlvl], input:radio[class=IIIlvl]').prop('checked', false);
,但这不起作用,我不想将它分成两行代码来划分两个类。
有人有什么建议吗?
<div id="aNP_SubCatSelectDiv">
<input type="radio" class="IIlvl" id="aNP_SubCatRadioSelect" name="aNP_SubCatRadio">
<select class="IIlvl" id="aNP_SubCatSelect" name="aNP_SubCatSelect">
<option value="null">- Sub category -</option>
</select>
</div>
<div id="aNP_SubCatInputDiv">
<input type="radio" class="IIlvl" id="aNP_SubCatRadioInput" name="aNP_SubCatRadio">
<input type="text" class="IIlvl" id="aNP_SubCatInput" placeholder="New sub category">
</div>
<div class="aNP_FamCodeInputDiv" data-radio-id="aNP_FamCodeRadioSelect">
<input type="radio" class="IIIlvl aNP_FamCodeRadio" id="aNP_FamCodeRadioSelect" name="aNP_FamCodeRadio" data-input-id="aNP_FamCodeSelect">
<select class="IIIlvl" id="aNP_FamCodeSelect" name="aNP_FamCodeSelect">
<option value="null">- Family code -</option>
</select>
</div>
<div class="aNP_FamCodeInputDiv" data-radio-id="aNP_FamCodeRadioInput">
<input type="radio" class="IIIlvl aNP_FamCodeRadio" id="aNP_FamCodeRadioInput" name="aNP_FamCodeRadio" data-input-id="aNP_FamCodeInput">
<input type="text" class="IIIlvl" id="aNP_FamCodeInput" placeholder="New family code">
</div>
最佳答案
您需要做的就是指定元素类型:
$('input.IIlvl, input.IIIlvl').prop('checked', false);
正如@Satpal 所提到的——这将针对所有具有这些类的输入——更具体地说,只针对 radio 输入:
$(':radio.IIlvl, :radio.IIIlvl').prop('checked', false);
关于javascript - :radio selector with multiple class,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41848149/