如何将值传递给 iCheck 的 onchecked 事件处理程序

How to pass values to the onchecked event handler of iCheck

本文关键字:onchecked 事件处理 程序 iCheck 值传      更新时间:2023-09-26

请问我们如何将值传递给iCheck(ver 1.x)的onChecked事件处理程序?

在我的方案中,每个单选按钮都有特定的值,我需要将这些值传递给checked事件处理程序

如何让 iCheck 执行我的函数"score()"接收值onChange,如以下示例所示:

<input type="radio" class="checkbox-inline i-checks" name="grp_A" id="opt_1" onchange="score('0508AG08002', 1, 4.0)">
<input type="radio" class="checkbox-inline i-checks" name="grp_A" id="opt_2" onchange="score('05034etw034', 2, 5.0)">
<script>
    $(document).ready(function () {
        $('input').on('ifChecked', function (v) {
            console.log(v);
        });
        $('.i-checks').iCheck({
            radioClass: 'iradio_square-blue',
        });
    });
    function score(matric, qid, grade) {
        console.log(matric, qid, grade);
    }
</script>

我建议您将要传递给iCheck的数据移动到标记中的data属性,例如data-check。然后,您可以从如下所示ifChecked事件中轻松访问它。检查演示 - 小提琴。

<input type="radio" class="..." name="grp_A" id="opt_1" data-check="'0508AG08002', 1, 4.0">
<input type="radio" class="..." name="grp_A" id="opt_2" data-check="'05034etw034', 2, 5.0">
$('input').on('ifChecked', function (v) {
    console.log( $(this).attr("data-check") );
});