Как подвесить события к полученным по атрибутам 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, время: 18:49. |