Удалить текст из дива по клику радиобаттона

@sashgera · Регистрация: 19.09.2011

Студворк — интернет-сервис помощи студентам

Здравствуйте
Как по клику радиобаттона (указав его имя) - удалить тест из дива
Так не получается:

HTML5
1
2
<div id="err_payment">удалить этот текст по чеку радио</div>
<input  name="payment_method_id" type="radio">

JavaScript
1
2
3
4
5
<script type="text/javascript">
document.getElementByName('payment_method_id').onclick = function(){
  document.getElementById('err_payment').innerHTML = '';
} 
</script>

@Shakalaka · 24.09.2015, 12:19

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

document.getElementByName('payment_metho d_id').onclick = function(){

document.getElementsByName('payment_method_id')[0]

@sashgera · 24.09.2015, 12:34 **[ТС]**

Shakalaka, спасибо, на отдельной странице JS удаляет текст из дива, но на самом сайте не хочет

пробовал еще так:

JavaScript
1
2
3
4
5
<script>
document.querySelector("input[name=payment_method_id]").onclick = function(){
document.getElementById('err_payment').innerHTML = '';
} 
</script>

тоже самое, на тестовой странице все нормально, на сайте нет

@Vladislav WebDev · 24.09.2015, 12:40

ctrl + F5 на своем сайте сделайте. Возможно вам там кеш подсовывает браузер

@Shakalaka · 24.09.2015, 12:43

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

тоже самое, на тестовой странице все нормально, на сайте нет

document.querySelector найдет первый попавшийся на странице элемент соответствующий селктору. На сайте у вас может быть не один такой инпут, потому и не работает.
document.getElementsByName возвращает коллекцию элементов, а document.getElementsByName('payment_meth od_id')[0] - вернет первый первый элемент из этой коллекции

@sashgera · 24.09.2015, 13:01 **[ТС]**

да, на сайте несколько инпутов
четыре инпута с именем - name="payment_method_id"
и еще несколько с именем - name="shipping_rate_id"
можно как-то обратившись к инпуту по имени удалить текст из дива?

Если оборачиваю нужные радиобаттоны дивом , то при клике по нему - текст из дива err_payment удаляется.

@Shakalaka · 24.09.2015, 13:11

JavaScript
1
2
3
4
var intputs = document.getElementsByName('payment_method_id');
for(var i = 0, l = inputs.length; i < l; i++){
    inputs[i].onclick = function(){ document.getElementById('err_payment').innerHTML = ''; }
}

При клике на любой инпут с name = 'payment_method_id' в диве с id='err_payment' текст будет исчезать.
Но я подозреваю, что вам не это нужно)

@sashgera · 24.09.2015, 13:29 **[ТС]**

Это именно то, что мне нужно. Только js почему то не хочет выполняться http://www.glassbus.ru/Untitled-8.html

@Vladislav WebDev · 24.09.2015, 13:50

sashgera, у вас там var intputs =document.getElementsByName('payment_met hod_id')

@sashgera · 24.09.2015, 13:57 **[ТС]**

Vladislav WebDev, да, именно так - intputs
А как правильно?

@Vladislav WebDev · 24.09.2015, 13:59

sashgera, inputs

@sashgera · 24.09.2015, 14:12 **[ТС]**

Vladislav WebDev, да, спасибо - небольшая очепятка, теперь js выполняется
но на сайте - тоже самое, текст удаляться не хочет

@Shakalaka · 24.09.2015, 14:19

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

тоже самое, текст удаляться не хочет

Значит на сайте у вас не такая разметка, или какой-то скрипт из подключенных конфликт создает, покажите разметку, или ссылку на сайт, или хотя бы что в консоли выводится при клике, а так - это все гадание на кофейной гуще

@Vladislav WebDev · 24.09.2015, 14:25

Зашел щас на тот сайт, все удаляется. В чем проблема?)

@sashgera · 24.09.2015, 14:42 **[ТС]**

Shakalaka, Vladislav WebDev, спасибо за помощь!
Разобрался..
У меня Joomla и Virtuemart – оформление заказа происходит на одной странице
Радиобаттоны, текстовые поля – зависимы друг от друга…
Короче, вставил js в функцию function runPay и все заработало

Новые блоги и статьи Все статьи Все блоги /
Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем

@Vladislav WebDev 327 / 217 / 97 Регистрация: 04.11.2012 Сообщений: 638
	24.09.2015, 12:40
	ctrl + F5 на своем сайте сделайте. Возможно вам там кеш подсовывает браузер 0

@sashgera 6 / 6 / 5 Регистрация: 19.09.2011 Сообщений: 541
	24.09.2015, 13:01 [ТС]
	да, на сайте несколько инпутов четыре инпута с именем - name="payment_method_id" и еще несколько с именем - name="shipping_rate_id" можно как-то обратившись к инпуту по имени удалить текст из дива? Если оборачиваю нужные радиобаттоны дивом , то при клике по нему - текст из дива err_payment удаляется. 0

@sashgera 6 / 6 / 5 Регистрация: 19.09.2011 Сообщений: 541
	24.09.2015, 13:29 [ТС]
	Это именно то, что мне нужно. Только js почему то не хочет выполняться http://www.glassbus.ru/Untitled-8.html 0

@Vladislav WebDev 327 / 217 / 97 Регистрация: 04.11.2012 Сообщений: 638
	24.09.2015, 13:50
	sashgera, у вас там var intputs =document.getElementsByName('payment_met hod_id') 0

@sashgera 6 / 6 / 5 Регистрация: 19.09.2011 Сообщений: 541
	24.09.2015, 13:57 [ТС]
	Vladislav WebDev, да, именно так - intputs А как правильно? 0

@Vladislav WebDev 327 / 217 / 97 Регистрация: 04.11.2012 Сообщений: 638
	24.09.2015, 13:59
	sashgera, inputs 0

@sashgera 6 / 6 / 5 Регистрация: 19.09.2011 Сообщений: 541
	24.09.2015, 14:12 [ТС]
	Vladislav WebDev, да, спасибо - небольшая очепятка, теперь js выполняется но на сайте - тоже самое, текст удаляться не хочет 0

@Vladislav WebDev 327 / 217 / 97 Регистрация: 04.11.2012 Сообщений: 638
	24.09.2015, 14:25
	Зашел щас на тот сайт, все удаляется. В чем проблема?) 0

@sashgera 6 / 6 / 5 Регистрация: 19.09.2011 Сообщений: 541
	24.09.2015, 14:42 [ТС]
	Shakalaka, Vladislav WebDev, спасибо за помощь! Разобрался.. У меня Joomla и Virtuemart – оформление заказа происходит на одной странице Радиобаттоны, текстовые поля – зависимы друг от друга… Короче, вставил js в функцию function runPay и все заработало 0