Повесить один обработчик на 2 кнопки

@pixel · Регистрация: 19.05.2009

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

Приветствую.
На форме лежит пара кнопок, при нажатии на любую из которых обе кнопки становятся неактивными. Как видно из кода, функция toggleActive переключает состояние сразу нескольких селекторов. А есть ли подобное для обработчиков? То есть при нажатии одной или другой кнопки идет обращение к одной и той же функции - можно ли как то объединить, как с селекторами?

Код

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
function toggleActive(){    
    $(['#ro','#edit_btn','#add_client']).toggleClass('dis');  
}
 
  $('#edit_btn').on('click', function(){        
  toggleActive();
  });
 
  $('#cnc_btn').on('click', function(){     
  toggleActive();
  });

Добавлено через 20 минут
Получилось обвернув эти кнопки в один класс, но вдруг есть еще варианты?

krvsa · 27.04.2024, 09:32

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

А есть ли подобное для обработчиков?

Селекторы всегда одинаково выбираются. Им все равно какой смысл вкладывается в сами ДОМ-элементы.
Кнопки ли это... Ссылки... Или другие теги.

PHP/HTML    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(_ => {
    $('#test1, #test2').on('click', _ => alert('Ok'))
})
</script>
</head>
<body>
<button id='test1'>Тест 1</button>
<button id='test2'>Тест 2</button>
</body>
</html>

@pixel · 27.04.2024, 09:56 **[ТС]**

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

$(_ => {
$('#test1, #test2').on('click', _ => alert('Ok'))
})

а что здесь подразумевается под подчеркиванием?

krvsa · 27.04.2024, 10:13

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

а что здесь подразумевается под подчеркиванием?

Это такой "прием".

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
// стандартный вариант стрелочной функции
const tmp1 = () => alert('Ok')
 
// стандартный вариант стрелочной функции с одним параметром
const tmp2 = (v) => alert('Ok')
 
// сокращенный вариант стрелочной функции с одним параметром
const tmp3 = v => alert('Ok')
 
// еще один сокращенный вариант стрелочной функции с одним параметром
const tmp4 = _ => alert('Ok')

Поскольку символ подчеркивания (_) может быть именем переменной. Его частенько применяют для сокращенной записи стрелочной функции. Де параметр есть (скобки не нужны), но нам он не нужен. Типа, вместо него (параметра) прочерк.

Т.е. это такое "стилистическое сокращение", не более того...

Новые блоги и статьи Все статьи Все блоги /
Агрегаты и сущности в DDD микросервисах Javaican 10.04.2025 Разработка современных программных систем часто приводит на распутье: монолит или микросервисы? Даже при выборе микросервисной архитектуры многие команды сталкиваются с проблемой правильного. . .	Многопоточность в C#: Task и параллельное программирование UnmanagedCoder 10.04.2025 Современные процессоры уже давно перестали наращивать тактовую частоту в пользу увеличения количества ядер. Это создало интересную ситуацию: разработчики, привыкшие к последовательному. . .	Линейное решение нелинейной задачи будет применено как метод обработки данных из double buffering. Формулы от LM конечно с ошибками. Hrethgir 10.04.2025 В продолжение Эта LM дала ответ похожий на нормальный. В комментриях мой комментарий - похоже она ошиблась с выведением итоговой формулы, но остальные проверю. Assistant qwen2. 5-14b-instruct . . . .	Переменные в Python py-thonny 10.04.2025 Переменная в программировании — это символическое имя, связанное с областью памяти, в которой хранится значение. Она позволяет получать доступ к данным через понятные человеку идентификаторы, а не. . .	Многопоточность в C#: Task и асинхронные операции UnmanagedCoder 10.04.2025 Многопоточность позволяет выполнять несколько операций одновременно, что важно для решения двух основных задач: повышения скорости выполнения вычислительно-сложных операций и сохранения отзывчивости. . .
Линейное решение не линейной задачи (емкость вычислений в сравнении с традиционными решениями пока не определена). Hrethgir 10.04.2025 В рамках предстоящих вычислений пришлось (да, я тоже знаю про корень числа, и про степеня, и прочие теоремы, но. . . ) найти способ нахождения отношения двух углов. . . .	Запуск контейнеров Docker на ARM64 Mr. Docker 09.04.2025 Появление таких решений, как Apple M1/ M2, AWS Graviton, Ampere Altra и Raspberry Pi, сделало использование ARM-систем обыденностью для многих разработчиков и DevOps-инженеров. При этом Docker,. . .	Vue SFC компонент на PHP с Fusion Jason-Webb 09.04.2025 PHP на сервере и JavaScript на клиенте — классическое сочетание, которое, несмотря на свою эффективность, создает определенный когнитивный диссонанс при разработке. В этом контексте появляются. . .	TypeScript vs JavaScript: Отличия и когда что использовать Reangularity 09.04.2025 JavaScript появился в 1995 году как творение Брендана Эйха и быстро стал основой интерактивности в вебе. За свою историю он прошел путь от простого языка для манипуляций с DOM до полноценной. . .	Подключение Kafka к Elasticsearch Codd 09.04.2025 Apache Kafka и Elasticsearch — две мощные технологии, которые при совместном использовании создают эффективную платформу для обработки и анализа данных в реальном времени. Kafka, выступая в роли. . .

@pixel 26 / 19 / 5 Регистрация: 19.05.2009 Сообщений: 2,290
	27.04.2024, 09:56 [ТС]
	Сообщение от krvsa $(_ => { $('#test1, #test2').on('click', _ => alert('Ok')) }) а что здесь подразумевается под подчеркиванием? 0