Как подвесить события к полученным по атрибутам name через this инпутам
Подскажите, как подвесить события к полученным по атрибутам name через this инпутам :help:
<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') { console.log(1); } else if ( name == 'delete') { console.log(2); } } </script> |
kusnecow,
:-? подожду переводчика и Пожалуйста, отформатируйте свой код! Для этого его можно заключить в специальные теги: js/css/html и т.п., например: [js] ... ваш код... [/js] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
kusnecow,
что не работает или хочется сделать? |
<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); } не знаю как подвесить события при нажатии на кнопки:agree: :help: |
Цитата:
|
kusnecow,
всё у вас работает, что ещё не хватает? |
не хватает мозгов как например поменять бекграунд кнопок при нажатии. если вешать на name, отладчик пишет что TypeError: name.classList is undefined
|
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> |
О КРУТО, СПАСИБО)
|
Цитата:
|
Часовой пояс GMT +3, время: 17:55. |