Как показать ссылку при выборе radio?

Question

[Ольга]

Здравствуйте.
Есть такое radio и не получается убрать ссылку "Выбрать ПВЗ" при выборе кнопки "Доставка в пункт самовывоза".

Как сделать, чтобы при выборе этой кнопки появлялась эта ссылка?

Сейчас сделано так:

<div class="col-md-4 col-lg-4 col-sm-4 col-xs-12">
                      <div class="radiowrap">
                        <input type="radio" id="radio44" name="radio3" data-price-for-one="200" data-price="200">
                        <label class="flaticon-check" for="radio44">Доставка до адреса</label>
                    </div>
                      </div>
                  <div class="col-md-4 col-lg-4 col-sm-4 col-xs-12">
                      <div class="radiowrap">
                        <input type="radio" id="radio45"  name="radio3" data-price-for-one="0" data-price="0">
                        <label class="flaticon-check" value="Open" for="radio45">Доставка в пункт самовывоза</label>
                        <div id="boxberry_checked" style="display: none;">
                        <a href="#" onclick="boxberry.open(callback_function, 'token,'Москва','', 1000, 500, 0, 50, 50, 50); return false">Выбрать ПВЗ</a>
                        <input class="form-control" id="js-pricedelivery" type="text" readonly value>
              </div>
                    </div>
                      </div>

function Selected(a) {
  var label = a.value;
    if (label=="Open") {
       document.getElementById("boxberry_checked").style.display='block';
   } else {
       document.getElementById("boxberry_checked").style.display='none';
   } 
}

Answer 1

[Шохрух Шаймардонов]

Comments

[Ольга]

почему-то не сработало... просто ставится галочка на этом radio и всё, не выпадает

[Шохрух Шаймардонов]

Ольга, вы уверены, что верно переделали под себя? я то чисто продемонстрировал. И как видите. у меня работает. Посмотрите DevTools меняется ли что-нибудь в html при смене радио. Как правило там происходит вспышка в части кода, которая меняется

[Ольга]

Шохрух Шаймардонов, всё получилось, спасибо!

[Шохрух Шаймардонов]

Ольга, пожалуйста

[Ольга]

Шохрух Шаймардонов, у меня еще один маленький вопрос. а как передать значение

document.getElementById('js-pricedelivery').innerHTML = result.price;

из того скрипта в data-price у radio?
То есть при выборе пункта выдачи этот элемент получает стоимость доставки и его надо присвоить data-price, чтобы в форме обновилась сумма заказа

[Шохрух Шаймардонов]

Ольга, как я понял, вы уже смогли получить стоимость и теперь вам нужно его в атрибут data-price у input элемента записать

elem.setAttribute('data-price', somePrice); //somePrice как раз переменная с нужным значением

[Ольга]

Шохрух Шаймардонов, стоимость передает переменная js-pricedelivery, вот как мне к ней data-price у input прописать?

[Шохрух Шаймардонов]

Ольга, понял. Вам тогда не в innerHTML надо записывать в value. У инпута радио нет innerHTML свойства

[Ольга]

Шохрух Шаймардонов, можете подсказать, как правильно записать эту строку? не особо сильна в скриптах...

[Шохрух Шаймардонов]

Ольга,

document.getElementById('js-pricedelivery').value = someValue