• ...Спасибо" />

    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