紧接上一篇,有了checkbox,用户自然会点击,一种做法是等用户选择完成后,用一个保存按钮来检查出所有被选项,然后执行保存的操作。
不过我这里的方法更加即时,任何一个checkbox点击后,都会触发一次事件函数。
这里用到前面的单击行事件的技巧:
$("#powers tbody tr td").click(accounts.selectPower);
上面的代码注册了selectPower为flexigrid行单击事件。
selectPower : function () {
'use strict';
var str, check;
str = $(this).children('div').html();
if (str.indexOf("class=\"checkbox_class\"") !== -1) {
check = $(this).children('div').children('input').is(':checked');
//update power
}
},
selectPower函数内部会检测是不是有class=checkbox_class子字符串,如果有,说明是第一列checkbox,通过jquery查找到input标签,调用is函数查找当前选择状态是true还是false.
然后做你想要的操作吧。