表格中点击行触发checkbox选中或取消和取值
2017-07-21 04:27
288 查看
checkbox的选择因为其较小,用户点选操作较不方便,在DIV中可以通过label扩充其操作区域,在表格中也可以通过点选行来操作checkbox的选中或取消。方法如下备用,有更好方法,也请各位看官留言指导,共同进步。1、在行中增加鼠标左键点击动作,例:<tr onmousedown="downcheck(this)">2、js中的代码var boxstr = '';//checkbox值汇总function downcheck(obj){var check = $("#"+obj.id+" input[name='box']");var k = check.val()+",";if(check.prop("checked")){//如果是选择状态check.prop("checked",false);//设置取消选择boxstr=boxstr.replace(k,'');//删除值check.parent().parent().removeClass("checked");//删除行属性}else{check.prop("checked",true );//设置选择check.parent().parent().addClass("checked");//增加行属性,如设置颜色boxstr += k;//增加值}}
相关文章推荐
- jQuery操作CheckBox的方法(选中,取消,取值)
- jquery checkbox 复选框多次点击判断选中状态,以及全选/取消的代码示例
- easyui datagrid 只有点击checkbox才起选中或者取消作用
- jQuery操作CheckBox的方法介绍(选中,取消,取值)
- Bootstrap table 点击行改变背景色,点击列选中或者取消选中checkbox,根据某个属性隐藏显示某个字段
- jQuery实现点击行选中或取消CheckBox的方法
- jquery checkbox点击选中,再点击取消选中
- 点击一层,选中/取消选中当前层下面的checkbox
- 点击Gridview行,选中/取消选中,当前行中的Checkbox
- 选中表格中相应行的复选框,点击下面的“删除”按钮可以删除相应的行,选中下面的"全选"复选框,则所有行的复选框全部选中,取消则全部取消。 鼠标移动到封面上在旁边显示大图,鼠标移开,大图消失
- jQuery操作CheckBox的方法(选中,取消,取值)详解
- 点击表格行变色,checkbox自动选中(兼容IE和FF)
- jQuery操作CheckBox的方法(选中,取消,取值)详解
- jQuery操作CheckBox的方法(选中,取消,取值)详解
- checkbox点击选中,再点击取消,并显示在文本框中
- 给ListView的Item添加CheckBox,长按调出CheckBox,然后通过点击进行选中和取消
- jQuery操作CheckBox的方法(选中,取消,取值)详解
- EasyUI配置当点击一个datagrid的checkbox选中或取消选中记录的时候刷新另一个datagrid数据的方法
- Extjs gridpanel使用遇到selectionchange被多次触发问题解决办法,grid表格复选框无法取消选中
- 全选,取消全选gridview中的checkbox, 点击某一项的checkbox时,自动识别是否应该将checkAll设为选中还是非选中