Форум

Exhaust_ · #1 (**permalink**) 25.02.2018, 09:34

Подскажите как скриптом менять надпись "Пусто" на текст возле input "Текст 1" или "Текст 2" с помощью нажатия на input.

<span class="item_price">Пусто</span>
  <label class="btn btn-price">
	<input type="radio" name="2145715766" id="2145715766"> Текст 1
  </label>
  <label class="btn btn-price">
	<input type="radio" name="2145715766" id="2145715766"> Текст 2
  </label>

j0hnik · #2 (**permalink**) 25.02.2018, 10:04

<span class="item_price">Пусто</span>
  <label class="btn btn-price">
	<input type="radio" name="2145715766" id="2145715766"> Текст 1
  </label>
  <label class="btn btn-price">
	<input type="radio" name="2145715766" id="2145715766"> Текст 2
  </label>

<script>
document.querySelectorAll('input[name="2145715766"]').forEach(el=>el.onclick=e=>document.querySelector('.item_price').textContent = e.target.nextSibling.textContent);
</script>

рони · #3 (**permalink**) 25.02.2018, 10:34

Сообщение от j0hnik

e.target

а если покороче?

j0hnik · #4 (**permalink**) 25.02.2018, 10:36

рони,
el вместо e.target

рони · #5 (**permalink**) 25.02.2018, 10:48

j0hnik,

Exhaust_ · #6 (**permalink**) 25.02.2018, 13:16

Подскажите еще как при выборе value скопировать его в span

<input type="radio" name="2145715766" id="2145715766" value="15">
<span class="item_Size"></span>

j0hnik · #7 (**permalink**) 25.02.2018, 15:28

document.querySelectorAll('input[name="2145715766"]').forEach(el=>el.onclick=e=>{
	document.querySelector('.item_price').textContent = e.target.nextSibling.textContent;
	document.querySelector('.item_Size').textContent = el.value;
});

Exhaust_ · #8 (**permalink**) 25.02.2018, 15:37

Спасибо
Но на выходе для item_Size выводит надпись [object HTMLSpanElement]

j0hnik · #9 (**permalink**) 25.02.2018, 17:46

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
<label class="btn btn-price">
	 <input type="radio" name="2145715766" id="2145715766" value="15">А
  </label>
  <label class="btn btn-price">
	 <input type="radio" name="2145715766" id="2145715766" value="20">Б
  </label>

	<span class="item_price">А</span>
	<span class="item_Size">15</span>
	<script>
		document.querySelectorAll('input[name="2145715766"]').forEach(el=>el.onclick=e=>{
			document.querySelector('.item_price').textContent = e.target.nextSibling.textContent;
			document.querySelector('.item_Size').textContent = el.value;
			});
	</script>
</body>
</html>

Ищите проблему в другом месте, что то переписывает ваш .item_Size

Форум

Справочник

Discord чат

Курсы javascript