由表格中同一行的部分值动态拼接checkbox的值

最新推荐文章于 2020-07-01 16:55:44 发布
最新推荐文章于 2020-07-01 16:55:44 发布
阅读量499 收藏
点赞数 1
分类专栏： Web 文章标签： jQuery JS HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mars_guest/article/details/79843104
版权
在处理包含可编辑字段的表格时，需要确保checkbox的value值能根据表格内容实时更新。本文介绍了如何在JavaScript和jQuery中，当作业数量字段变化时，动态拼接checkbox的value，以保持其时效性。作者比较了两种解决方案，最终选择了在选中checkbox时动态组装value，以避免额外的数据库查询负担。
摘要由CSDN通过智能技术生成

由表格中同一行的部分值动态拼接checkbox的值

在实际制作网站的过程中，我们可能需要面对很多这样的表格：
这里写图片描述
这里写图片描述
甚至有的时候表格的部分字段是可变的
这里写图片描述

本文主要解决的问题就是动态的拼接checkbox的value值

由于我所面临的问题是作业数量字段可编辑，编辑完成后自动去后台修改数据库中的数据，而如果在刷新出这个表格的时候就定死checkbox的value的话，在改变作业数量字段时无法重新修正checkbox的value，换句话说就是checkbox的时效性被破坏。

想出的解决方案有以下两种：

  1. 在改变作业数量字段后立刻用AJAX异步地刷新界面，从而实现jsp重新从数据库中调取数据，利用相关的数据拼接checkbox的value

  2. 在进行选中这一操作时，动态的组装它的value，从而实现value值的实时性

综合对比两种方法我选择了第二种

最低0.47元/天 解锁文章
Mars_guest
关注
专栏目录
Layui数据表格table自定义input text，input checkbox 修改列的值
夏已微凉、
07-03 2175
Layui数据表格table自定义input text，input checkbox 修改列的值
jQuery获取动态生成checkboxlist的value值
MrWang
12-20 5313
jQuery获取checkboxlist的value值 CheckboxList是服务器控件，绑定数据容易，服务器端获取选中值也容易。但是生成的静态页面没有ListItem的Value值，所以默认情况下用js在页面中是取不到ListItem的值的。 问题描述：js取不到选中的ListItem的值。   asp:CheckBoxList runat="server" ID="li
一个动态生成表单的checkbox 参数传递解决办法之我解
尽职 尽力 尽心
07-18 2110
最近实习中用STRUTS 开发一个系统,我的那个模块有个资源浏览管理页面...资源信息是从数据库中读出的,管理的页面要求是可以一.直接点击某条信息后面的一个超链接删除一条记录,这个好实现.二.可以选中信息前面的checkbox ,然后删除多条信息,并且信息每页显示的条数用户可以定制..因为自己第一次遇到这个问题,也找不到什么资料可看.所以我决定自己想个办法,用了半天左右,我想了个办法,
checkBox多选框 可修改，可撤销修改
cherry的前端学习历程
01-26 461
为了看起来好看，就用element-ui中的checkbox做举
多种方法给checkbox赋值、获取value值、全选、取消全选
weixin_40030173的博客
07-01 6909
<div class="checkbox_box"> <input type="checkbox" name="coupon_id" id="" value="1" class="checkbox_coupon" /><label for="">111</label> <input type="checkbox" name="coupon_id" id="" value="2" class="checkbox_coupon" />&l.
取得选中复选框同一行的某个td中的值
chengmouyu7082的博客
07-26 358
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Tr...
jQuery获取checkbox选中的值
10-22
- **选中值的拼接与提示**：如果用户选中了多个复选框，将它们的值拼接成一个字符串，并在点击复选框时显示这个字符串。 - **实现全选/全不选和交错选中**：代码中包含了控制所有checkbox选中状态的按钮，并有示例...
C#获取动态生成的CheckBox值
09-03
总结来说，C#中获取动态生成的CheckBox值主要有两种策略：一是使用服务器端控件，可以保持Postback状态，二是通过HTML拼接并设置name属性，适用于简单的客户端交互。根据实际应用场景，开发者可以根据需求选择合适的...
JS选中checkbox后获取table内一行TD所有数据的方法
10-24
标题中提到的“JS选中checkbox后获取table内一行TD所有数据的方法”，指的是通过JavaScript编程技术实现，在用户选中表格中某一行的复选框时，获取该行中所有单元格（TD）的内容。此技术主要应用于Web开发中，可以...
layui 表单元素的选中问题
热门推荐
lqadam的博客
05-13 1万+
layui 表单元素的选中问题layui对表单元素都作了美化,比如下拉列表,单选框,多选框.对表单美化后相应元素的操作,其实是在layui处理过后的div上操作,不能真的反映在原始我们编写的表单的元素上.这也会出现一个问题,如果想用JS对表单做些预处理,怎么做?操作原始的元素并不会展现在layui处理过的表单中的,那我们就对layui处理过的表单动手 这里要提两个我用过的,一个是单选框,一个是下拉
功能实现：在table中点击某一行，选中前面的checkbox并改变背景色
snoopy_ly的博客
03-04 4539
html  table：&lt;table id="mytable"&gt; &lt;tr&gt; &lt;th rowspan="2"&gt;&lt;input type="checkbox" id="selectAll"&gt;&lt;/th&gt;     &lt;th rowspan="2"&amp
jquery 动态拼接table
刘建峰的博客
04-25 8963
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;动态拼接文本框&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div &gt; &lt;tab
checkbox选项拼接
疯人愿
07-01 461
function mosaic() {   var bb = "";   var temp = "";   var a = document.getElementsByName("rcTypeName");   for ( var i = 0; i if (a[i].checked) {   temp = a[i].value;   bb = bb + "," +temp;  
使用javascript动态添加带有复选框的表格行
IT与开发人员的地盘
05-25 1569
标题：使用JavaScript动态添加带有复选框的表格行 作者：Vivek Kapile 电子邮件：已快照 语言：JavaScript 平台：ASP.net中JavaScript 技术：用于ASP.net 级别：初学者 介绍 此代码将为想要学习的初学者提供帮助，帮助他们了解如何通过JavaScript在表中动态创建复选框。 我已经介绍了Java脚本的一小部分，希望对初学者有所帮...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值