Согласие с офертой

галочка для защиты

by Denis Tverdokhlebov

HTML

<input type="checkbox" id="chck_1" >
Согласен с пользовательским соглашением
<button id="acept_bat_1" class="btn-disable-1">Согласен с пользовательским соглашением</button>

<br>

<input type="checkbox" id="chck_2" >
Согласен с пользовательским соглашением
<button id="acept_bat_2" class="btn-disable-2">Согласен с пользовательским соглашением</button>

CSS

.btn-disable-1 {
  user-select:none!important;
  background-color:#ccc!important;
  cursor:default!important;
  outline:none!important;
  pointer-events:none!important;
}
.btn-disable-2 {
  user-select:none!important;
  background-color:#ccc!important;
  cursor:default!important;
  outline:none!important;
  pointer-events:none!important;
}

JavaScript

var but_1 = document.getElementById("acept_bat_1");
 document.getElementById("chck_1").onclick = function() {
   this.checked
     ? but_1.classList.remove("btn-disable-1")
   : but_1.classList.add("btn-disable-1");
 };


var but_2 = document.getElementById("acept_bat_2");
 document.getElementById("chck_2").onclick = function() {
   this.checked
     ? but_2.classList.remove("btn-disable-2")
   : but_2.classList.add("btn-disable-2");
 };