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

meetheme

Постоялец
Регистрация
28 Окт 2013
Сообщения
50
Реакции
25
Здравствуйте. Заткнулся на одном моменте и не соображаю. Задача: при загрузке страницы делать первый 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>

И никак.
Страничка, о которой идет речь: Для просмотра ссылки Войди или Зарегистрируйся
 
Последнее редактирование:
Так сразу в 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>
 
jQuery('.cf4all_wrapper > .control-last-child input').attr('checked',true);
 
Назад
Сверху