jquery 更改 icheck 插件的属性
jquery change attribute of icheck plugin
我有这段代码可以使用 jquery 的 iCheck 插件设置复选框样式,有没有办法稍后更改 'insert' 属性?。我尝试重新创建 iCheck,但如果这样做,回调函数会被删除。
$(this).iCheck({
checkboxClass: checkboxClass,
insert: '<div class="icheck_line-icon"></div>' + $(this).attr("data-label")
});
$(this).on({ifChecked: function(){
iCheckChange(this, yes);
},ifUnchecked: function(){
iCheckChange(this, no);
}
});
假设您有这种格式的复选框:
<input type="checkbox" class="my_checkbox" data-label="Check me" />
您可以这样更改图标和文字:
var checkboxClass = 'checkbox_cls';
$('.my_checkbox').each(function(i) {
var thisCheckbox=$(this);
thisCheckbox.iCheck({
checkboxClass: checkboxClass,
insert: '<div class="icheck_line-icon"></div><span class="insert_label">' + thisCheckbox.data("label") + '</span>'
});
var thisIcon = thisCheckbox.siblings('.icheck_line-icon');
var thisLabel = thisCheckbox.siblings('.insert_label');
thisCheckbox.on('ifChecked', function(e){
thisIcon.addClass('icon-checked');
thisLabel.html('Im checked');
});
thisCheckbox.on('ifUnchecked', function(e){
thisIcon.removeClass('icon-checked');
thisLabel.html('Not checked');
});
});
看看this Fiddle.
我有这段代码可以使用 jquery 的 iCheck 插件设置复选框样式,有没有办法稍后更改 'insert' 属性?。我尝试重新创建 iCheck,但如果这样做,回调函数会被删除。
$(this).iCheck({
checkboxClass: checkboxClass,
insert: '<div class="icheck_line-icon"></div>' + $(this).attr("data-label")
});
$(this).on({ifChecked: function(){
iCheckChange(this, yes);
},ifUnchecked: function(){
iCheckChange(this, no);
}
});
假设您有这种格式的复选框:
<input type="checkbox" class="my_checkbox" data-label="Check me" />
您可以这样更改图标和文字:
var checkboxClass = 'checkbox_cls';
$('.my_checkbox').each(function(i) {
var thisCheckbox=$(this);
thisCheckbox.iCheck({
checkboxClass: checkboxClass,
insert: '<div class="icheck_line-icon"></div><span class="insert_label">' + thisCheckbox.data("label") + '</span>'
});
var thisIcon = thisCheckbox.siblings('.icheck_line-icon');
var thisLabel = thisCheckbox.siblings('.insert_label');
thisCheckbox.on('ifChecked', function(e){
thisIcon.addClass('icon-checked');
thisLabel.html('Im checked');
});
thisCheckbox.on('ifUnchecked', function(e){
thisIcon.removeClass('icon-checked');
thisLabel.html('Not checked');
});
});
看看this Fiddle.