`
qll3609120
  • 浏览: 55284 次
社区版块
存档分类
最新评论

分页局部刷新checkBox 属性的保存与选中事件 (短信开发平台)

阅读更多

做短信开发平台时 用到分页的局部刷新 遇到些问题记录下来

1:checbox的全选与全不选  如果只是简单的遍历checkbox 然后设置 checkbox的checked=true; 你会发现事件可能第一次点击有用 后面没有效果  上网查了些资料 发现jQuery 里面有个方法如下 

$('#chkbox').checked=true; 同时 我们还要加上 $('#chkbox').prop('checked',true); 其中prop方法jqeury API里面有说明 这样全选就解决了

2;分页局部刷新是对table或者tbody进行重新组装 有时候我们会发现绑定在这table上的事件无法响应 这时候我们应该想到是不是事件监听的位置不对 我们应该在把table或者tbody的内容装载到页面后 才对里面的 checkbox

等做一些事件 如click change  因为只有我们把table加入到整棵DOM中 我们才能取到里面的标签或者组件 才能进行事件绑定

3 分页局部刷新 如何保存选中的checkbox ,举个例子 如果是短信开发平台,我点击table中每一条记录 就会把这条记录的我需要的信息组装成字符串 放入一个textarea;那哦做局部刷新时 因为对textarea 不做刷新 所以我们可以对table进行遍历 如果里面有textarea包含的 则让checkbox为选中 否则 不作处理 。举这个例子说明如果我们可以设置一个隐藏的text 保存这条记录的id 或者其他属性 当我们每次刷新 我们可以再ajax请求里面进行比对 如果有次ID的一条记录 则我们让checkbox 为选中状态

4;BUG 去掉字符串的空格 .replace(/^\s\s*/, '' ).replace(/\s\s*$/, '' ) 在IE firebox都兼容 而trim在IE下无法识别

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics