Форум

kusnecow · #1 (**permalink**) 18.09.2018, 22:35

Подскажите, как подвесить события к полученным по атрибутам name через this инпутам

рони · #2 (**permalink**) 18.09.2018, 22:48

kusnecow,

подожду переводчика
и
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

рони · #3 (**permalink**) 18.09.2018, 22:48

kusnecow,
что не работает или хочется сделать?

kusnecow · #4 (**permalink**) 18.09.2018, 23:56

<div class="actions">
		<input type="button" name="save" value="сохранить"/>
		<input type="button" name="delete" value="удалить"/>
	</div>

var buttons = document.querySelectorAll('.actions input');
	for (var i = 0; i < buttons.length; i++) {
		buttons[i].onclick = btnClick;
	}

			}
			function btnClick(e) {
				var name = this.getAttribute ('name');
				
				if ( name == 'save') {
					console.log(1);
				}
				else if ( name == 'delete') {
					console.log(2);
				}

не знаю как подвесить события при нажатии на кнопки

рони · #5 (**permalink**) 18.09.2018, 23:59

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

не знаю как подвесить события при нажатии на кнопки

не могу осилить, подожду знатоков.

рони · #6 (**permalink**) 19.09.2018, 00:01

kusnecow,
всё у вас работает, что ещё не хватает?

kusnecow · #7 (**permalink**) 19.09.2018, 00:08

не хватает мозгов как например поменять бекграунд кнопок при нажатии. если вешать на name, отладчик пишет что TypeError: name.classList is undefined

рони · #8 (**permalink**) 19.09.2018, 00:12

kusnecow,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
      .red {
          background-color: #FF0000;
      }

  </style>

</head>

<body>
<div class="actions">
		<input type="button" name="save" value="сохранить"/>
		<input type="button" name="delete" value="удалить"/>
	</div>

<script>

 window.onload = function(e) {
var buttons = document.querySelectorAll('.actions input');
for (var i = 0; i < buttons.length; i++) {
buttons[i].onclick = btnClick;
}

}
function btnClick(e) {
var name = this.getAttribute('name');

if ( name == 'save') {
this.classList.add("red");

}
else if ( name == 'delete') {
alert(2);
}
}

 </script>

</body>
</html>

kusnecow · #9 (**permalink**) 19.09.2018, 01:07

О КРУТО, СПАСИБО)

laimas · #10 (**permalink**) 19.09.2018, 05:53

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

var name = this.getAttribute('name');

А почему не просто this.name ?

Форум

Справочник

Discord чат

Курсы javascript