jQuery alle Eingaben unter ul li auswählen

Question

Wie kann ich alle Eingabe-Kontrollkästchen in li unter einer bestimmten ul auswählen?

ich habe:

<ul id="something"> 
    <li> 
     <input type="checkbox"> 
    </li> 
    <li> 
     <input type="checkbox"> 
    </li> 
    ... 
</ul> 

Dank

Answer 1

Sie $('ul li input[type=checkbox]')

Hier ist ein funktionierendes Beispiel ist verwenden können, können Sie sehen, dass die console.log nur Eingang zeigen ist a, b, d (weil Der Typ von c ist kein Kontrollkästchen).

checkboxes = $('ul li input[type=checkbox]') 
 

 
checkboxes.each(function(e) { 
 
    console.log($(this).attr('name')); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul id="something"> 
 
    <li> 
 
     <input name="a" type="checkbox"> 
 
    </li> 
 
    <li> 
 
     <input name="b" type="checkbox"> 
 
    </li> 
 
    <li> 
 
     <input name="c" type="text"> 
 
    </li> 
 
    <li> 
 
     <input name="d" type="checkbox"> 
 
    </li> 
 
</ul>

Answer 2

Dieser Code wird Ihnen die Eingabe des alle html

jQuery(document).ready(function() 
    { 
     jQuery("ul#something li").each(function(index) { 
     var html = jQuery(this).find('input[type=checkbox]').html(); 
     console.log(html);   
     }); 
    }); 

Answer 3

bekommen sollten Sie in der Lage sein, die ID-Selektor für Ihren UL wie diese verwenden:

var checkboxes = $("#something li input[type=checkbox]"); 
 

 
checkboxes.each(function(e) { 
 
    console.log($(this).attr('name')); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul id="something"> 
 
    <li> 
 
     <input name="a" type="checkbox"> 
 
    </li> 
 
    <li> 
 
     <input name="b" type="checkbox"> 
 
    </li> 
 
    <li> 
 
     <input name="c" type="text"> 
 
    </li> 
 
    <li> 
 
     <input name="d" type="checkbox"> 
 
    </li> 
 
</ul> 
 

 
<ul id="not-these"> 
 
     <li> 
 
     <input name="a-no" type="checkbox"> 
 
    </li> 
 
    <li> 
 
     <input name="b-no" type="checkbox"> 
 
    </li> 
 
    <li> 
 
     <input name="c-no" type="text"> 
 
    </li> 
 
    <li> 
 
     <input name="d-no" type="checkbox"> 
 
    </li> 
 
</ul>