iCheck jQuery阻止自定义脚本

我使用“iCheck jQuery”来修改复选框的样式.但是当我添加一个iCheck脚本时 – 我的onlick metod停止工作.为什么会这样?
<input id="my_cb"  type="checkBox" value="yes_n" onclick="hide_row_metod()"/>
    <script>
    $(document).ready(function(){
      $('#my_cb').iCheck({
        checkBoxClass: 'icheckBox_square-blue',radioClass: 'iradio_square-blue',increaseArea: '20%' // optional
      });
    });    
    </script>

我的剧本:

<script>
   function hide_row_metod() {
     if(document.getElementById('my_cb').checked){
        document.getElementById('row1').style.display = "none";
     }else{
            document.getElementById('row1').style.display = "inline";
          }
     }
</script>

解决方法

iCheck注册您可以收听的自定义事件.我提出了 working example on jsbin,主要区别在于:
$("#my_cb").on("ifChanged",hide_row_metod);

有两个事件:ifChecked and ifUnchecked.如果要捕获对复选框的所有更改,您需要同时监听两者或只是监听ifChanged.当您在hide_row_metod中检查已检查时,这将切换行.

在我的示例中,我使用块元素div#row1,因此在检查和取消选中后它将以不同的方式呈现(内联).

另外:你的方法名称中有一个拼写错误(缺少h).

相关文章

jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进...
扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。 入门 编写一个jQuery插件开始于给...
最近项目中需要实现3D图片层叠旋转木马切换的效果,于是用到了jquery.roundabout.js。 兼容性如图: ht...
一、什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异...
AMD 模块 AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一...