Javascript обработка события Checkbox

Javascript обработка события Checkbox на примере установки флажка в  Checkbox

 <input type="checkbox" id="mychecked">
<button onclick="checked()">Нажми кнопку для проверки работы Checkbox</button>
 
 function checked() {
    if (document.getElementById('mychecked').checked) {
      alert("Вы поставили галочку в Checkbox");
    } else {
      alert("Вы не выбрали  Checkbox");
    }

  }

Пример работы Javascript Checkbox Checked — поставьте галочку и нажмите на кнопку

Пример, как с помощью checkbox сделать кнопку не активной (заблокировать)

<input name='mybutton' type="checkbox" onclick="Block(this)" />
<input name='mybutton' type="button" value="Block" />
 
function Block(MyObject) {
    document.getElementsByName(MyObject.name)[1].disabled=MyObject.checked
}

Демонстрация работы примера


Пример, деактивируем все поля ввода с помощью checkbox Javascript и JQuery

<div id="MyInputs">
  <input name="myname1" type="text" />
  <input name="myname2" type="text" />
  <input name="myname3" type="text" />
</div>
<div>
<input name="checkbox" onclick="inputBlock(MyInputs, $(this));" type="checkbox" />
</div>
 
function inputBlock(e, t) {
    if (t.is(':checked')) {
      $(e).find('input').attr('disabled', true);
    } else {
      $(e).find('input').removeAttr('disabled');
    }
}

Демонстрация работы примера

Ваш комментарий будет первым

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *