Форум

Viking777 · #1 (**permalink**) 03.05.2018, 14:07

Почему не обновляется информация в total, когда я ставлю чекбокс на самовывоз? См. аттач.

Функция очистки формы реализована через:

document.getElementById("shipping_postcode").value = "";

Выбор только одного чекбокса:

inputs=document.getElementsByTagName("input");
		for(var i=0;i<inputs.length;i++)
		{
		if(inputs[i].type=="checkbox")
			{
			inputs[i].onchange=function()
				{
				inputs=document.getElementsByTagName("input");
				for(var i=0;i<inputs.length;i++)
					{
					if(inputs[i].type=="checkbox")
						{
						inputs[i].checked=false;
						}
						this.checked=true;
					}
				}
			}
		}

рони · #2 (**permalink**) 03.05.2018, 14:36

Viking777,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>


</head>

<body>

<input name="" type="checkbox">
<input name="" type="checkbox">
<input name="" type="checkbox">

 <script>
var inputs=document.querySelectorAll('[type="checkbox"]');
[].forEach.call(inputs, function(node) {
   node.addEventListener("click", function() {
   [].forEach.call(inputs, function(el) {
      el.checked = el == node && el.checked
   })
})

});
  </script>
</body>
</html>

laimas · #3 (**permalink**) 03.05.2018, 14:42

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

Выбор только одного чекбокса

А не проще ли радио кнопки иметь?

j0hnik · #4 (**permalink**) 03.05.2018, 14:48

For Goolge. Yandex
<meta name="keywords" content="Заменить точку на галочку в радиобатоне">

рони · #5 (**permalink**) 03.05.2018, 15:35

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

А не проще ли радио кнопки иметь?

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

а радиокнопки никак?

https://javascript.ru/forum/css-html...tml#post426065
https://javascript.ru/forum/misc/666...tml#post439580

...народ любит погорячее

Viking777 · #6 (**permalink**) 03.05.2018, 15:56

Спасибо за примеры оформления чекбоксов. Радио там почему-то глючат. Отображаются сразу две активные, но это не суть.

Основная задача в очистке формы адреса доставки, обновлялась инфа в total. Если руками стираешь данные, то она обновляется, если через value = "", то не обновляется. В чем разница-то?

рони · #7 (**permalink**) 03.05.2018, 16:03

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

В чем разница-то?

в том что есть событие и видимо на это событие стоит обработчик.
после value = "" , события никакого нет и нужно запустить этот обработчик самостоятельно.

Dilettante_Pro · #8 (**permalink**) 03.05.2018, 16:40

Viking777,

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

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

У radio из одной группы должны быть одинаковые name. Тогда не будет сразу двух активных

Viking777 · #9 (**permalink**) 03.05.2018, 16:41

Так можно это реализовать как-то программно? Повторюсь, что если поставить курсор в поле почтового индекса и просто стереть оттуда этот индекс, то total обновиться, а если прикрутить к чекбоксу команду value ="", то total не обновляется.

Мне нужно, чтобы total обновлялся при очистке формы индекса.

Viking777 · #10 (**permalink**) 03.05.2018, 16:46

Может в команде очистки ошибка?

document.getElementById("free-pickup-radio").onclick = function clear()
{document.getElementById("shipping_postcode").value = "";}

поставил radio, спс

Форум

Справочник

Discord чат

Курсы javascript