在复选框更改JQuery之后执行一些操作

时间:2017-03-13 13:09:24

标签: javascript jquery twitter-bootstrap checkbox

我想知道是否有人可以告诉我如何检查复选框状态是否已更改。问题是我使用了一个引导主题(AdminLTE)给了我一个精美的复选框,但是我无法在复选框上进行onchange或onclick,因为我会隐藏在&#下面34;化妆"

所以,我正在寻找能够在复选框状态更改(真或假)上执行某项操作的解决方案,而您却无法访问"访问"在html中带有onclick等的复选框。

Checkbox插件:icheck。

复选框的代码:

<span class="input-group-addon">
  <input id="username" type="checkbox" class="minimal">
   </span>

提前致谢(:

编辑:这里的大多数答案都适用于常规复选框(可能对其他人有用),但对于我的问题,有1个有效的答案。但是我要感谢所有人(:

3 个答案:

答案 0 :(得分:2)

附加ifChanged event的事件处理程序。

# Nested Group Search
ldap.group.request=(&(objectClass=group)(member:1.2.840.113556.1.4.1941:={dn}))

您可以根据需要选择首选事件,该事件由$('input').on('ifChanged', function(event){ alert(event.type + ' callback'); }); 插件check here触发。

答案 1 :(得分:0)

检查example JS

$('input:checkbox[name=example]').change(function() {
  alert("Hello!");
});

HTML

<input type="checkbox" name="example" /> click me

答案 2 :(得分:0)

试试这个..

$(document).ready(function(){
        $("#x").change(function(){
            if ( $("#y").val().length == 0 )
                {
                $("#y").val(0);
                var a = parseInt($('#x').val(), 10);
                var b = parseInt($('#y').val(), 10);
                $('#z').val(a+b);
                }
            else{
                var a = parseInt($('#x').val(), 10);
                var b = parseInt($('#y').val(), 10);
                $('#z').val(a+b);
            }
        });