Как выбирать ссылку в зависимости от выбранного radiobutton'а?

Question

[karetka]

Нужно выбирать ссылку в зависимости от выбранного radio, и подставить ее в кнопку (ссылку) перехода.

Сейчас примерно покажу, чего хочу добиться:

<label>
				<input type="radio" name="dark" value="http://yandex.ru" checked>
				<span class="text">Ссылка 1</span>
			  </label>

			  <label>
				<input type="radio" name="dark" value="http://google.ru">
				<span class="text">Ссылка 2</span>
			  </label>
			  
			  <script>
			  var $url = (document.querySelector("#"+the_id ).value);
			  </script>
			  
			  <a href="$url">Переход по ссылке</a>

Код частями брал с разных ресурсов..., суть получить ссылку в зависимости от выбранного radio, и подставить ее типа в переменную $url... Можно сделать через php post'ом, но хотелось бы сразу на этой же странице ссылку подставлять в href.

Comments

[Ankhena]

Не очень понятно зачем эта многоходовка, сначала радио, а потом ссылка?

[karetka]

Ankhena, чтобы осуществлялся переход на выбранный сайт(страницу) в зависимости от выбранного radio, хотелось бы в ввиде radio это организовать

[Ankhena]

karetka, почему не повесить просто 3 ссылки? Зачем 2 раза кликать?

[karetka]

Ankhena, radiobox'ом красиивее выглядит)

[Ankhena]

karetka,

radiobox'ом красиивее выглядит)

Эмммм... ну не уверена.

Как-то так https://jsfiddle.net/x8dwhfre/

[karetka]

Ankhena, спасибо, вроде то что надо

Answer 1

[hellion35]

Примерно так как-то.
$('input').on('click', function(){

$('a').attr('href', $(this).val());
})

Comments

[karetka]

спасибо конечно, но в java я вообще ноль, можно код полноценный с моим примеров выше? ... как подставить ссылку в переменную $url и подставить ее в a href ?

[edward_freedom]

karetka, так учи раз работаешь с js

[Ankhena]

karetka, это вообще не java, а jquery, хоть про него в вопросе ничего не было.

[hellion35]

karetka, этот код рабочий.