代码之家 › 专栏 › 技术社区 › Charles Okwuagwu

如何将值传递给iCheck的未选中事件处理程序

icheck radio-button jquery javascript

0

Charles Okwuagwu · 技术社区 · 9 年前

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

在我的场景中,每个单选按钮都有特定的值,我需要将这些值传递给 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>

1 回复 | 直到 9 年前

1

Nikolay Ermakov 9 年前

我建议您将要传递给iCheck的数据移动到 data 标记中的属性,例如 data-check 。然后您可以轻松地从 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") );
});