2019/03/04

checkboxがチェックされているかどうが判定するjQuery










チェックボックスがチェックされたら何かする。
チェック外れたら何かする。
というのを判定できるソースです。


sample

See the Pen checkboxがチェックされているかどうが判定するjQuery by takapen (@takapen) on CodePen.











html

チェックする





jQuery
$(function() {

  $('input[name="check"]').on('change',function() {// 値が変更されたとき

    if ($(this).prop('checked')) {// チェックされていたら
      $('#change-text').text($(this).val());
    } else {// チェックされてなかったら
      $('#change-text').text('');
    }

  });
});