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

Question

请问我们如何将值传递给 iCheck(版本 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>

Answer 1

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

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