Question

我在下面尝试了检查事件

$(document).ready(function(){
  $('.same').change(function(){
    if(this.checked){
      alert("checked");
    }
  });
});

我为检查过的事件做了这个，我怎么能为未经检查的事件做同样的事情..

Answer 1

试试这个：

if( !this.checked ){

此处! not与checked一起使用，这意味着它指的是未选中状态。或者您可以使用else作为@Alive建议。

Answer 2

$(document).ready(function(){
    $('.same').change(function(){
                if(!this.checked){
                       alert("not checked");
                 }
       });
 });

好用！ this.checked

Answer 3

如果您只想要unchecked个活动，请执行以下!this.checked： -

＆＃13;

$(document).ready(function(){
  $('.same').change(function(){
    if(!this.checked){
      alert("unchecked");
    }
  });
 });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="checkbox" class="same">Check/Uncheck me to see the alerts!

＆＃13;

如果您想要同时发生checked/unchecked个事件，那么可以在那里使用else部分： -

实施例： -

＆＃13;

$(document).ready(function(){
  $('.same').change(function(){
    if(this.checked){
      alert("checked");
    }else{
      alert("unchecked");
    }
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="checkbox" class="same">Check/Uncheck me to see the alerts!

＆＃13;

我们如何在jquery中为复选框编写一个未经检查的事件？就像我们为检查事件做的那样？

3 个答案: