jquery - iCheck jQuery 阻止自定义脚本

Question

我使用“iCheck jQuery”来修改复选框的样式。但是当我添加 iCheck 脚本时 - 我的 onlick 方法停止工作。为什么会这样？

<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>

Answer 1

iCheck注册您可以监听的自定义事件。我贴了一个working example on jsbin ，主要区别是:

$("#my_cb").on("ifChanged", hide_row_metod);

有两个事件:ifChecked and ifUnchecked 。如果您想捕获复选框的所有更改，则需要监听两者或仅监听 ifChanged。当您在 hide_row_method 中测试 checked 时，这将有助于切换行。

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

此外:您的方法名称中有一个拼写错误(缺少 h)。