jQuery复选框选中的状态改变事件

当一个复选框被选中/取消选中时，我想要一个事件来触发客户端:

$('.checkbox').click(function() {
  if ($(this).is(':checked')) {
    // Do stuff
  }
});

基本上，我希望它发生在页面上的每个复选框上。这种点击并检查状态的方法是否正确?

我在想一定有一个更干净的jQuery方式。有人知道解决办法吗?

当前回答

也许这是你的另一种选择。

<input name="chkproperty" onchange="($(this).prop('checked') ? $(this).val(true) : $(this).val(false))" type="checkbox" value="true" />`

2017-04-30 18:03:20

其他回答

也许这是你的另一种选择。

<input name="chkproperty" onchange="($(this).prop('checked') ? $(this).val(true) : $(this).val(false))" type="checkbox" value="true" />`

2017-04-30 18:03:20

基于事件(点击事件)采取的动作。

$('#my_checkbox').on('click',function(){
   $('#my_div').hide();
   if(this.checked){
     $('#my_div').show();
   }
});

没有事件根据当前状态采取行动。

$('#my_div').hide();
if($('#my_checkbox').is(':checked')){
  $('#my_div').show();
}

2018-04-16 09:47:21

尝试这种“html方法”，它适用于小型JS项目

函数msg(animal,is) { console.log(动物,is.checked);//做事情｝ <input type="checkbox" oninput="msg('dog'， this)"你养狗吗?< br > <input type="checkbox" oninput="msg('frog'，this)"你有一只青蛙吗?< br > .．.

2021-01-28 10:37:32

这就是要找出复选框是否被选中的解决方案。使用#prop()函数//

$("#c_checkbox").on('change', function () {
                    if ($(this).prop('checked')) {
                        // do stuff//
                    }
                });

2018-12-10 09:35:19

只是另一种解决方案

$('.checkbox_class').on('change', function(){ // on change of state
   if(this.checked) // if changed state is "CHECKED"
    {
        // do the magic here
    }
})

2015-12-10 16:42:26

jQuery复选框选中的状态改变事件

推荐文章

最新文章

标签