Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用iCheck帮助程序时如何处理无线电事件?_Javascript_Jquery_Css - Fatal编程技术网

Javascript 使用iCheck帮助程序时如何处理无线电事件?

Javascript 使用iCheck帮助程序时如何处理无线电事件?,javascript,jquery,css,Javascript,Jquery,Css,我想处理更改事件的单选按钮。但是,由于设计器已经使用了iCheck helper,因此在运行代码时不会执行实际的无线电操作 下面是代码 <div class="radio-wrap"> <input type="radio" id="bg-effect" value="full" />Full Image </div> 全像 当我们在chrome中运行代码并检查代码时,生成的HTML如下所示 <div class="radio-wrap"&g

我想处理更改事件的单选按钮。但是,由于设计器已经使用了iCheck helper,因此在运行代码时不会执行实际的无线电操作

下面是代码

<div class="radio-wrap">
   <input type="radio" id="bg-effect" value="full" />Full Image
</div>

全像
当我们在chrome中运行代码并检查代码时,生成的HTML如下所示

<div class="radio-wrap">
  <div class="iradio_minimal-grey checked"><input type="radio" id="bg-effect" value="full" checked="" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>Full Image
</div>

全像
要捕获所选值,我想处理此单选按钮的更改事件。

根据,您可以使用
ifChanged
事件,如下所示:

$('#bg-effect').on('ifChanged', function(event){
    alert(event.type + ' callback');
});

我遇到了同样的问题,后来我发现了有用的修复方法,正如github论坛正确回答的那样:

以下是修复方法:

$('input').on('ifCreated ifClicked ifChanged ifChecked ifUnchecked ifDisabled ifEnabled ifDestroyed check ', function(event){                
                    if(event.type ==="ifChecked"){
                        $(this).trigger('click');  
                        $('input').iCheck('update');
                    }
                    if(event.type ==="ifUnchecked"){
                        $(this).trigger('click');  
                        $('input').iCheck('update');
                    }       
                    if(event.type ==="ifDisabled"){
                        console.log($(this).attr('id')+'dis');  
                        $('input').iCheck('update');
                    }                                
                }).iCheck({
                    checkboxClass: 'icheckbox_minimal-green',
                    radioClass: 'iradio_minimal-green'
                        //increaseArea: '20%'
                });

你试过这个解决办法吗?它起作用了吗?如果没有,你能添加一些评论吗?它起作用了。谢谢但是,我正在努力获取选定的无线电值。请建议。$('input[name=“bg effect”]')。在('ifClicked',函数(event){alert('youclicked“+this.value”);通过上面的代码,我实现了我想要的。谢谢:)对我来说很有效,关键是试图找出要在选择器中选择的html标记和属性-应该是显而易见的,在浏览器中调试是令人困惑的,因为没有看到是接收选中属性的。这个答案为我解决了这个问题。+1在你的答案中添加指向文档的链接。非常感谢你的回答费克斯真的帮了忙吗