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

分页局部刷新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下无法识别

分享到:
评论

相关推荐

    gridview 分页保存每页的Checkbox选中的值

    3. 对于保存Checkbox状态,可以在GridView的PreRender事件中遍历所有可见的页面,根据ViewState中的信息恢复Checkbox的选中状态。 4. 如果需要在用户完成所有操作后获取所有选中的Checkbox值,可以再次遍历所有页面...

    checkBox分别处理选中与不选中

    ### checkBox分别处理选中与不选中 在Web开发中,`checkbox`是一种常见的表单元素,用于收集用户的选择信息。通常情况下,一个`checkbox`只能代表一项选择,但可以通过设置多个`checkbox`来实现多选功能。本文将...

    checkbox多项选中及取消选中

    综上所述,实现 `checkbox` 的多项选中及取消选中,需要理解 `checkbox` 的基本用法,掌握JavaScript操作DOM属性的方法,理解 `attr` 与 `prop` 的区别,并灵活运用事件监听和样式控制。通过这些技术,你可以创建出...

    android中CheckBox加载自定义选中与未选中图片样式

    在Android开发中,CheckBox是一个常用的UI组件,用于提供两种状态的选择:选中和未选中。默认情况下,CheckBox的选中和未选中状态的图标是系统提供的,但有时为了满足应用的个性化需求,我们需要自定义这些图片样式...

    循环动态判断checkbox是否被选中

    ### 循环动态判断Checkbox是否被选中 在ASP.NET Web应用程序开发中,尤其是在使用C#作为后端语言时,动态地判断一个或多个`Checkbox`控件的状态是非常常见的需求。这种需求通常出现在表单验证、用户选项设置等功能...

    遍历CheckBoxList,获得选中项的值动态绑定CheckBoxList代码

    ### 遍历CheckBoxList,获得选中项的值动态绑定CheckBoxList #### 知识点一:CheckBoxList概述及应用场景 **CheckBoxList** 是ASP.NET Web Forms中一个非常有用的控件,它允许用户选择一个或多个选项。CheckBoxList...

    js实现翻页后保持checkbox选中状态的实现方法

    项目中的分页使用真分页,每次...把选中的checkbox中的id,其中包括模块id,操作id,拼接成一个字符串,然后把字符串传递到action中。 每次调用此页面时,首选调用action中的选中的id字符串,然后根据在id字符串的基

    解决ListView嵌套CheckBox滑动时选中状态错乱

    这个类可能包括了对状态更新和事件处理的优化,确保在ListView滑动时能正确处理CheckBox的选中状态。 总结来说,解决ListView嵌套CheckBox滑动时的选中状态错乱问题,需要深入理解ListView的工作机制,合理利用...

    CheckBox是否选中

    本篇将深入探讨“CheckBox是否选中”这一主题,以及与之相关的事件处理。 一、CheckBox的基本概念 CheckBox,中文通常称为复选框,是一种图形用户界面元素,用户可以点击以选择或取消选择一个或多个选项。在HTML中...

    翻页后保存checkbox选中状态

    "翻页后保存checkbox选中状态"这个话题聚焦于一种常见的用户体验优化问题。在网页或应用程序中,用户可能需要浏览多页数据,例如表格或者列表,而这些数据通常通过分页进行展示。当用户在某一页选中了特定的checkbox...

    JS判断单个checkbox是否被选中

    在实际开发中,可能有多个复选框,这时我们可以使用类选择器或者数据属性(data attributes)来管理它们。例如,如果有多个具有相同类名的复选框,可以使用`getElementsByClassName`方法: ```javascript var ...

    checkbox选中与未选中判断示例

    总结来说,判断 `checkbox` 选中与未选中的关键是通过 `checked` 属性。结合事件监听和适当的逻辑处理,我们可以实现用户交互并控制程序的行为。在实际应用中,可以根据具体场景调整代码,确保用户体验和业务流程的...

    android checkbox 的isChecked属性

    总结来说,`isChecked`属性是Android开发中控制和获取CheckBox选中状态的核心,通过合理运用,可以构建出丰富多样的交互功能,提升应用的易用性和用户体验。了解并熟练掌握这个属性的使用,对于Android开发者来说至...

    C#中获取CheckBox选中值(多选)

    为了获取所有选中CheckBox的值,我们通常会遍历包含这些CheckBox的容器控件(如Panel、GroupBox等),检查每个CheckBox的`Checked`属性。下面是一个典型的示例代码段: ```csharp foreach (Control check in this....

    html5 css3制作checkbox多选框选中样式特效

    例如,我们可以使用`transition`属性为选中状态添加平滑的过渡效果: ```css input[type="checkbox"] + label:before { transition: background-color 0.3s ease, border-color 0.3s ease; } ``` 总之,HTML5和...

    用JS修改checkbox的选中状态

    在JavaScript(JS)中,操作HTML元素,包括修改checkbox(复选框)的选中状态,是前端开发中常见的任务。复选框是用户界面中一种允许用户进行多项选择的控件,其状态通常有两种:选中(checked)和未选中。在本文中...

    JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

    JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

    struts的htmlcheckbox标签的默认选中问题

    之所以htmlcheckbox标签的`value`属性需要设置为空字符串,是因为Struts框架在处理复选框时会检查`value`属性的值是否与bean属性的当前值匹配。如果匹配,则复选框被认为是选中的。由于htmlhidden标签已经将`true`值...

    实现ListView中CheckBox的选中和选中项的记录

    每当CheckBox状态变化时,不仅更新选中项数量,还要更新保存选中项的列表。列表中可以存储每个选中项对应的ID或者其他相关信息,确保在需要时能准确提取出选中项。 6. **提取选中项** 当需要提取选中项信息时,...

    jquery checkbox 选中 取消 checkbox多选

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互等任务。本文将深入探讨如何使用jQuery来实现复选框(checkbox)的选中和取消选中功能,以及如何处理多选的情况。 ...

Global site tag (gtag.js) - Google Analytics