如何将值传递给 iCheck 的 onchecked 事件处理程序
How to pass values to the onchecked event handler of iCheck
请问我们如何将值传递给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") );
});
相关文章:
- keyup事件处理程序更改焦点不适用于快速键入
- 提示使用服务器端事件处理程序激活JavaScript
- 将事件处理程序绑定到任何可能的事件
- 正在将事件处理程序添加到不存在的类
- dropdown.js中的复杂事件处理
- 在循环中附加事件处理程序时出现浏览器性能问题
- 在同一个javascript事件处理程序中调用不同的函数
- 复选框,然后单击事件处理
- 有没有一种方法可以让内联事件处理程序在元素创建后立即执行
- 检查事件处理程序参数
- 实现延迟的jquery更改事件处理程序
- 如何使用Node.js在JavaScript模块文件之间使用事件处理程序
- 如何使jQuery的“bind”或“on”事件处理程序幂等
- 带有参数的Javascript事件处理程序
- Jquery事件处理程序仅适用于匿名函数
- 如何从另一个处理程序内部取消JavaScript事件处理程序函数的执行
- 如何在 JavaScript 代码中调试点击事件处理
- 如何在jQuery事件处理程序中存储和重用超时
- 如何向onClick事件处理程序传递一个接受参数的函数,并且仍然将该函数绑定到组件's”;这个“;上下文
- 如何将值传递给 iCheck 的 onchecked 事件处理程序