jQuery 强制在未检查的第一个输入时启用

Question

我在 id=main 的 div 中有单独的 div。在每个 div 我有不同的输入。

有没有办法以某种方式检查带有 id=main 的 div 的所有输入以及未禁用的每个第一个输入中的检查？

这是一个 HTML 示例:

    <div id="main">
        <div class="inline-control-group">
           <input type="radio" value="7" id="cf4all1" class="cf4all_radio" name="name1" disabled="disabled">
        <label class="cf4all1" for="cf4all1">
        <div class="cf4all1inner" style="background-color:#ff2962; width:100%;">   
</div>
</label>
        </div>
        <div class="inline-control-group">
        <input type="radio" value="9" id="cf4all2" class="cf4all_radio" name="name2">
        <label class="cf4all2" for="cf4all2">
<div class="cf4all2inner" style="background-color:#000000; width:100%;"></div></label>
        </div>  
    </div>

在这个例子中，我在 main 中有 2 个 div，并且在每个 div 中有一个输入。我需要检查主 div、所有输入(每个 div 的每个输入)，检查其是否已禁用，如果是，请检查其他等等，对于我发现未禁用的第一个输入进行检查(checked=“checked”) )。在我的示例中，应检查未禁用的第二个输入。

Answer 1

这应该有效:

$('#main').find('input:not([disabled="disabled"])').eq(0).attr('checked', true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="main">
  <div class="inline-control-group">
    <input type="radio" value="7" id="cf4all1" class="cf4all_radio" name="name1" disabled="disabled">
    <label class="cf4all1" for="cf4all1">
      <div class="cf4all1inner" style="background-color:#ff2962; width:100%;"></div></label>
  </div>
  <div class="inline-control-group">
    <input type="radio" value="9" id="cf4all2" class="cf4all_radio" name="name2">
    <label class="cf4all2" for="cf4all2">
      <div class="cf4all2inner" style="background-color:#000000; width:100%;"></div></label>
  </div>  
</div>

注意:如果没有.eq(0)，它将检查所有未禁用的输入。