Javascript нужна помощь

FD
На сайте с 12.05.2017
Offline
71
526

На странице есть несколько кнопок

<button id="'.$id.'" type="button" class="btn btn-default" onClick="this.disabled=true;">Отменить</button>

Как сделать что бы по клику по одной из них, все кнопки становились деактивированы.

З.ы у каждой кнопки разный id

НАКРУТКА INSTAGRAM (https://instagram777.ru) - Смешные цены!
LEOnidUKG
На сайте с 25.11.2006
Offline
1722
#1
✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/
Samail
На сайте с 10.05.2007
Offline
361
#2

<script type="text/javascript"> 
window.onclick = function() {
if(event.target.tagName == 'BUTTON'){
[].forEach.call(document.querySelectorAll('button'), function(el){
el.setAttribute('disabled', 'disabled');
});
}
}
</script>
FD
На сайте с 12.05.2017
Offline
71
#3
Samail:
<script type="text/javascript"> 

window.onclick = function() {
if(event.target.tagName == 'BUTTON'){
[].forEach.call(document.querySelectorAll('button'), function(el){
el.setAttribute('disabled', 'disabled');
});
}
}
</script>

Такой вариант не лучше?

<button id="'.$id.'" type="button" class="btn btn-default" onClick="[].forEach.call(document.querySelectorAll(\'button\'), function(el){el.setAttribute(\'disabled\', \'disabled\');});">Отменить</button>
Samail
На сайте с 10.05.2007
Offline
361
#4

FrancisDarroze, это же в каждую кнопку вставлять придётся, а так один раз скрипт вставил на страницу и всё.

Можно ещё так:

<button id="'.$id.'" type="button" onClick="dis();">Отменить</button>
<script type="text/javascript">
function dis() {
[].forEach.call(document.querySelectorAll('button'), function(el){
el.setAttribute('disabled', 'disabled');
});
}
</script>

Но тоже onClick="dis();" в каждую кнопку вставлять придётся

FD
На сайте с 12.05.2017
Offline
71
#5
Samail:
FrancisDarroze, это же в каждую кнопку вставлять придётся, а так один раз скрипт вставил на страницу и всё.

---------- Добавлено 22.03.2018 в 04:49 ----------

Можно ещё так:
<button id="'.$id.'" type="button" onClick="dis();">Отменить</button>

<script type="text/javascript">
function dis() {
[].forEach.call(document.querySelectorAll('button'), function(el){
el.setAttribute('disabled', 'disabled');
});
}
</script>

Но тоже onClick="dis();" в каждую кнопку вставлять придётся

Та в меня пхп скрипт кнопки создаёт. Не в ручную)

S
На сайте с 25.12.2003
Offline
173
#6


<script>
$(".btn-default").click(function(e){
e.preventDefault();
$(this).attr("disabled", true);
return false;
});
</script>
Красивые сниппеты Google ( https://saney.com/tools/google-snippets-generator.html )
ДП
На сайте с 23.11.2009
Offline
203
#7

Saney, у вас он только нажатую кнопку задисейблит. А чтобы все надо вместо $(this) написать $(".btn-default"). Ну и в общем случае должен быть класс кнопок, которые надо задисейблить.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий