Как запретить нажимать на кнопку

188

18 марта 2018, 22:37

Мне нужно запретить нажимать на кнопку, пока он не нажмёт на checkbox, как реализовать?

Answer 1

<form class="form">
  <input type="checkbox" class="check">
  <button type="submit" class="btn">Кнопка</button>
</form>

var btn = document.querySelector(".btn");
var i = document.querySelector(".check");
btn.addEventListener("click", function(){
  if(i.checked){
    alert("Победа");
  }
});

Answer 2

Вешаем событие click на кнопку. При событии проверяем отметки на checkbox

$(function() { 
  $('form button').click(function(e) { 
    if (!$('form>input[type=checkbox]').prop('checked')) { 
      alert('Нужно отметить checkbox!'); 
      return false; 
    } 
    alert('OK'); 
  }); 
});

<!DOCTYPE html> 
<html> 
 
<head> 
  <meta charset="utf-8"> 
  <title>Title</title> 
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
</head> 
 
<body> 
  <form> 
    <input type="checkbox" name="test"> 
    <button>button</button> 
  </form> 
</body> 
 
</html>

Answer 3

let checkBox = document.querySelector('#checkbox'); 
let button = document.querySelector('#button'); 
checkBox.addEventListener('change', () => { 
  button.disabled = !button.disabled; 
})

<input type="checkbox" id="checkbox"> 
<input type="button" id="button" disabled value="Отправить">

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

как обмениваться файлами в чате WebSockets?

У меня есть чат на вебсокете, как отправить фото на сервер чтоб потом сервер перезаписал эту фото у себя и отправил ссылку на фото пользователем?...

160

PHP

“Курсоры” в браузере

Программирую веб-проект: чистый PHP+MySQLВижу, что в контенте HTML появляется курсор, который перемещается, словно, по таблице или текстому документу

163

PHP

Как спарсить только текст новости с разных сайтов simple_html_dom

Всех приветствую!

170

PHP

Шифрование QR code PHP

Задача такова: использую библиотеку PHP QR Code

153