Вопрос:

jQuery выбрать все входы под ul li

javascript jquery

1334 просмотра

3 ответа

633 Репутация автора

Как я могу выбрать все флажки ввода в li под конкретным ul?

У меня есть:

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

Спасибо

Автор: Arthur Источник Размещён: 22.08.2016 08:40

Ответы (3)


3 плюса

45144 Репутация автора

Решение

Вы можете использовать $('ul li input[type=checkbox]')

Вот рабочий пример, вы можете видеть, что он console.logбудет показывать только входные данные a, b, d (потому что тип c не имеет флажка).

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>

Автор: Dekel Размещён: 22.08.2016 08:41

-1 плюса

560 Репутация автора

Этот код позволит вам получить все входные HTML

jQuery(document).ready(function()
    {
        jQuery( "ul#something li" ).each(function( index ) {
        var html = jQuery(this).find('input[type=checkbox]').html();
        console.log(html);          
        });
    });
Автор: Arif Размещён: 22.08.2016 08:43

0 плюса

1968 Репутация автора

Вы должны быть в состоянии использовать селектор идентификаторов для вашего UL следующим образом:

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>

Автор: nixkuroi Размещён: 22.08.2016 09:02
Вопросы из категории :
32x32