first-child для чайника

Тема в разделе "JavaScript", создана пользователем mius, 10 июл 2019.

Метки:
  1. mius

    mius Создатель

    Регистр.:
    28 окт 2013
    Сообщения:
    21
    Симпатии:
    9
    Здравствуйте. Заткнулся на одном моменте и не соображаю. Задача: при загрузке страницы делать первый radiobutton активным. Но у меня становится активным последний: то есть я не могу правильно указать на элемент структуры, с которым надо работать. Исправьте меня, пожалуйста.

    Структура:
    HTML:
    <div class="cf4all_wrapper  cf4all_required" id="cf4all_wrapper_64_">
    
       <div class="control-group">
            <label class="radio inline " for="cf4all_input_64_4_">
                 <input type="radio" value="13" id="cf4all_input_64_4_" class="cf4all_radio" name="customProductData[5][9][64][customsforall_option]">
       5 л   </label>
       </div>
    
       <div class="control-group">
            <label class="radio inline " for="cf4all_input_64_5_">
                 <input type="radio" value="14" id="cf4all_input_64_5_" class="cf4all_radio" name="customProductData[5][9][64][customsforall_option]">
       10 л   </label>
       </div>
    
        <div class="control-group">
            <label class="radio inline " for="cf4all_input_64_6_">
                 <input type="radio" value="15" id="cf4all_input_64_6_" class="cf4all_radio" name="customProductData[5][9][64][customsforall_option]">
       20 л   </label>
       </div>
    </div>

    Вставляю в нужное место код:
    HTML:
    
    <script>
      jQuery('.cf4all_wrapper > .control-group:first-child input').attr('checked',true);
    </script>
    
    И никак.
    Страничка, о которой идет речь: http://izo.mius-it.ru/heat-insulation/metall
     
    Последнее редактирование: 10 июл 2019
  2. yaski

    yaski

    Moderator
    Регистр.:
    21 фев 2010
    Сообщения:
    602
    Симпатии:
    412
    Так сразу в html коде поставь первый элементchecked
    HTML:
    <div class="cf4all_wrapper  cf4all_required" id="cf4all_wrapper_72_">
    <span class="cf4all_error_msg" id="cf4all_required_msg" style="display:none">Пожалуйста, выберите опцию!</span>
        <div class="control-group">
        <label class="radio inline " for="cf4all_input_72_4_">
        <input type="radio" value="21" id="cf4all_input_72_4_" checked="" class="cf4all_radio" name="customProductData[1][9][72][customsforall_option]">
        5 л    </label>
        </div>
            <div class="control-group">
        <label class="radio inline " for="cf4all_input_72_5_">
        <input type="radio" value="22" id="cf4all_input_72_5_" class="cf4all_radio" name="customProductData[1][9][72][customsforall_option]">
        10 л    </label>
        </div>
            <div class="control-group">
        <label class="radio inline " for="cf4all_input_72_6_">
        <input type="radio" value="23" id="cf4all_input_72_6_" class="cf4all_radio" name="customProductData[1][9][72][customsforall_option]">
        20 л    </label>
        </div>
       
    </div>
     
  3. mius

    mius Создатель

    Регистр.:
    28 окт 2013
    Сообщения:
    21
    Симпатии:
    9
    Список динамически составляется. И мера временная. Нежелательно в код лезть, где оно формируется.
     
  4. Absolute

    Absolute Крокодил ;)

    Регистр.:
    9 авг 2009
    Сообщения:
    525
    Симпатии:
    382
    Код:
    $('.cf4all_wrapper input[type="radio"]').eq(0).prop('checked', !0);
     
    mius нравится это.