1

jquery 用の iCheck プラグインを使用してチェックボックスのスタイルを設定するこのコードがあります。後で「挿入」属性を変更する方法はありますか? 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);
}
});
4

1 に答える 1

2

この形式のチェックボックスがあるとしましょう:

<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');
    });
});

この Fiddleを見てください。

于 2015-02-19T16:10:52.683 に答える