0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

clickイベントチェックボックスのcheckedについて

Posted at

jQuery:2.1.4

目次

 やりたいこと
 実装
 まとめ

やりたいこと

チェックボックスがクリックされたときに、チェックされている状態であれば、チェックを外さず、
チェックされていない状態であればチェックをつけたい
image.png

sample1.html
<input type="checkbox" id="TEST">

実装

sample2.js
$('#TEST').on('click', function() {
  if ($('#TEST').prop("checked")==true) {
    //チェックされていない状態からチェックされたときの処理
    
  } else {
    // チェックされている状態であればチェック状態に戻す
    $("#TEST").prop("checked", true); 
  }
});

まとめ

if文で判定してチェックされている状態であれば元に戻すという方法が一番先に思いつきました。ほかの実装方法がないか探してみたいと思います。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?