Javascript 使用iCheck帮助程序时如何处理无线电事件?
我想处理更改事件的单选按钮。但是,由于设计器已经使用了iCheck helper,因此在运行代码时不会执行实际的无线电操作 下面是代码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
<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在你的答案中添加指向文档的链接。非常感谢你的回答费克斯真的帮了忙吗