javascript - :radio selector with multiple class

Question

我有这个 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>

Answer 1

您需要做的就是指定元素类型:

$('input.IIlvl, input.IIIlvl').prop('checked', false);

正如@Satpal 所提到的——这将针对所有具有这些类的输入——更具体地说，只针对 radio 输入:

$(':radio.IIlvl, :radio.IIIlvl').prop('checked', false);