jQuery force включен при первом входе, который не проверяется

Question

У меня есть отдельные divs внутри div с id = main. В каждом div у меня разные входы.

Есть ли способ как-то проверить div с id = main все входы и в каждом первом входе, который не отключен, чтобы проверить его?

Ниже приведен пример 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> 

В этом примере у меня есть 2 дивы внутри основной и внутри каждого 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) будет проверять все входы, которые не отключены.

Answer 2

Я думаю, что ответ уже был дан, прежде чем я подготовил код для вас, поэтому хотел бы добавить его здесь, так как он тоже немного отличается.

$('#main').find('input[type=radio]').not(':disabled')[0].checked = true; 

Решение:jsfiddle Link

Спасибо,

Ashok