`
pinganhongguo
  • 浏览: 21593 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

复选框回显操作

 
阅读更多
在对有选择复选框的页面进行修改的时候  要把修改前原数据回显过来,可以这样做 、如下:
主要是运用到了双循环进行 
连个foreach循环中的item 都是在控制器中写好的。
其中第一个循环 表示的是所有的项  ,第二个循环 表示的是修改前选中的项

<tr>
<td width="120px"><label for="payment">支付类型:</label></td>
<td class="tdspace"></td>
<td colspan="4">
<c:forEach items="${payTypeList}" var="payType">
<input type="checkbox" name="payment" id="payment"
value="${payType.code }"
<c:forEach items="${paymentListChecked}" var="paymentChecked">
<c:if test="${payType.code == paymentChecked }">
checked 
</c:if>
</c:forEach>
/>
${payType.name }
</c:forEach></td>
</tr>

分享到:
评论

相关推荐

    layui表格数据复选框回显设置方法

    然而,在layui的早期版本(如2.3版本)中,对于表格数据的复选框回显功能并不直接支持。本文将详细讲解如何实现layui表格数据复选框的回显设置。 首先,我们需要理解layui表格的基本使用方法。`table.render()` 是...

    微信小程序实现复选框效果

    数据对象用于存储复选框的选中状态和对应的数据值,事件处理函数用于响应用户的点击操作,切换复选框的状态并更新数据。 5. 页面生命周期函数:微信小程序提供了一系列的页面生命周期函数,用于在页面的不同阶段...

    Flex实现带复选框的列表树

    当用户操作复选框时,会触发事件,如CheckBox的change事件。我们需要编写事件处理器来响应这些事件,更新相关数据模型,并可能触发其他逻辑,如更新全选按钮的状态。 7. 自定义组件:在标准的Tree组件上添加复选框...

    原生JS 实现简单的全选反选.html

    实现table表格checkbox复选框的全选 反选, 适用于原生table。

    【JavaScript源代码】element的el-tree多选树(复选框)父子节点关联不关联.docx

    在el-tree中,如果需要实现多选(复选框)功能,我们可以利用`show-checkbox`属性来开启复选框。在处理父子节点之间的关联性时,`check-strictly`属性扮演着关键角色。 `check-strictly`属性决定了父子节点之间是否...

    vue+element UI实现树形表格带复选框的示例代码

    在Vue和Element UI框架中,实现树形表格带复选框功能可以极大地增强用户界面的交互性和数据管理能力。以下是一些关键知识点和步骤,详细解释如何构建这样的组件: 1. **数据转换**: 树形表格的数据通常不是直接以...

    基于layui的下拉列表的数据回显方法

    通过静态页面的JavaScript代码直接操作DOM元素来实现数据回显,而动态网页则结合后端传递的数据和layui的监听事件机制,实现级联下拉列表的数据回显。理解这些知识点对于提升Web前端开发的用户体验具有重要意义。

    表格分页保存复选框状态

    在开发Web应用时,特别是在使用前端框架如Vue.js和组件库如Element-UI时,处理表格数据特别是涉及分页和复选框选择的情况是常见的需求。`表格分页保存复选框状态`的问题主要涉及到如何在用户切换页面或刷新页面后,...

    fselect.zip

    此“fselect.zip”文件显然包含了对下拉复选框功能的优化,主要体现在三个方面:添加多个下拉复选框、全选功能以及选中状态的回显。 首先,让我们来探讨一下“添加多个下拉复选框”的概念。在传统的HTML中,一个...

    Vue自定义多选组件使用详解

    这个组件允许用户从多个选项中选择一个或多个,通常以复选框的形式呈现。 首先,我们看子组件`checkBoxCard.vue`,这是一个独立的复选框卡片组件。它包含以下部分: 1. `&lt;template&gt;`: 这是HTML模板,用于定义组件...

    Android开发之完成登陆界面的数据保存回显操作实例

    9. **CheckBox和状态保存**:`box_remeber` 是一个复选框,用户可以勾选以记住用户名和密码。如果选中,通过 `FileService` 保存数据到文件中。 10. **菜单资源**:`onCreateOptionsMenu` 方法用于创建活动的选项...

    js代码-element tree 回显非全选的误区

    总结起来,避免"js代码-element tree 回显非全选的误区"需要理解元素树的数据结构,正确追踪和更新节点状态,处理好复选框的关联性,遵循正确的遍历顺序,并考虑异步操作的影响。通过仔细分析`main.js`中的代码和`...

    extjs4 实现下拉树并支持复选

    在EXTJS4中,实现一个下拉树(Combobox Tree)并支持多选和复选功能,主要是通过自定义组件(Ext.define)来完成的。这个组件继承自EXTJS的Picker字段(Ext.form.field.Picker),并添加了树形结构和复选功能。以下...

    对layui初始化列表的CheckBox属性详解

    首先,layui的CheckBox组件用于创建复选框,通常用于多选操作,例如在列表中选择多个项目。在静态页面中,只需按照layui官方文档的示例编写HTML代码,CheckBox就能够正常工作。然而,当数据从后台动态加载到前端时,...

    bootstrap table实现点击翻页功能 可记录上下页选中的行

    另外,通过监听 `input[name="btSelectAll"], table tbody, input[name="btSelectItem"]` 的变化事件,当用户勾选或取消复选框时,代码会执行以下操作: 1. 获取当前页面号 `current_page`。 2. 使用 `Table.api....

    基于servlet+ajax用户注册登录系统.zip

    1、注册的信息: 用户名,密码,性别(下拉选择),爱好(复选框),城市(下拉选择),个人说明(文本域,富文本编辑器) 2、注册信息提交需要做js验证。 a、用户名不能为空,密码必须是6个字符以上。 b、密码只能是...

    基于servlet+ajax用户注册登录系统小例子

    1、注册的信息: 用户名,密码,性别(下拉选择),爱好(复选框),城市(下拉选择),个人说明(文本域,富文本编辑器) 2、注册信息提交需要做js验证。 a、用户名不能为空,密码必须是6个字符以上。 b、密码只能是字母...

    vue组件表单数据回显验证及提交的实例代码

    - 复选框(`&lt;input type="checkbox"&gt;`)与单选按钮类似,但是绑定的是数组类型的数据,表示可以选中多个选项。 - 下拉列表(`&lt;select&gt;`)同样使用`v-model`与`formStatus.zhuhudaxiao`进行绑定,并且通过`v-for`指令...

    计算机网络信息安全实验6 IP安全策略运用.docx

    在"文件和打印机共享(回显请求 ICMPv4-In) 属性"对话框中,选择"常规"标签,勾选"常规→已启用"复选框、"操作→阻止连接"单选框。点击“确定”完成拒绝利用 PING 命令通信的操作。 三、采用 dos 命令禁 ping 采用 ...

Global site tag (gtag.js) - Google Analytics