Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Радиобуттон по умолчанию (https://javascript.ru/forum/dom-window/72643-radiobutton-po-umolchaniyu.html)

Triglav 14.02.2018 12:13

Радиобуттон по умолчанию
 
Народ подскажите. Есть несколько radio по умолчанию ставится первый в javascript функцией closest

Нужно поставить определенный radio. А именно название 3. В html поставил checked но увы не знаю как поставить в скрипте

Вот HTML
<div class="radio" data-value="1">
<input name="delivery-type" id="delivery-type-1" value="1" data-target="#delivery-type-value" type="radio"> <label for="delivery-type-1">название 1</label>
<div class="delivery-description hidden" descr="delivery-type--1">Скрытое описание 1</div>
</div>

<div class="radio" data-value="2">
<input name="delivery-type" id="delivery-type-2" value="2" data-target="#delivery-type-value" type="radio">
<label for="delivery-type-2">название 2</label>
<div class="delivery-description hidden" descr="delivery-type--2">Скрытое описание 2</div>
</div>

<div class="radio" data-value="3">
<input name="delivery-type" id="delivery-type-3" value="3" data-target="#delivery-type-value" checked="checked" type="radio">
<label for="delivery-type-3">название 3</label>
<div class="delivery-description hidden" descr="delivery-type-93">Скрытое описание 3</div>
</div>

<div class="radio" data-value="4">
<input name="delivery-type" id="delivery-type-4" value="4" data-target="#delivery-type-value" type="radio">
<label for="delivery-type-4">название 4</label>
<div class="delivery-description hidden" descr="delivery-type-4">Скрытое описание 4</div>
</div>



А вот js

/*********************************************/
$(document).ready(function(){
$("div.radio label").click(function(){
var el = "#" + $(this).attr("for");
$(this).closest("div.radio").find(el).click();
});

$('.radio input[name="delivery-type"]').click(function(){
var val = $(this).closest('.radio').find('label').html();
var el = $(this).attr("data-target");
var descr = $(this).closest('.radio').find('div').html();

if ($(document).find(el).length > 0){
$(document).find(el).find("h3").html(val);
$(document).find(el).find("p").html(descr);
}

if ($(this).attr('value') < 0) {
$('#client-adr').parent('div').removeClass('hidden');
$('#client-date').parent('div').parent('div').parent('div').r emoveClass('hidden');
$('#client-adr').prop('required',true);
$('#client-date').prop('required',true);
} else
{
$('#client-adr').parent('div').addClass('hidden');
$('#client-date').parent('div').parent('div').parent('div').a ddClass('hidden');
$('#client-adr').prop('required',false);
$('#client-date').prop('required',false);
}

});

});

/*********************************************/

Подскажите нужно очень

Dilettante_Pro 14.02.2018 13:54

$('#delivery-type-3').attr('checked','checked');

laimas 14.02.2018 14:03

Выбран/не выбран, это свойство объекта, и правильнее .prop('checked', 1/0/!1/true/false).


Часовой пояс GMT +3, время: 05:31.