复选框提交javaScript实现
1、实现思想：当单击提交的时候，触发一个onclick事件，将checkbox为选中状态的每条记录的参数都添加到那个指定的form中，然后提交这个form表单。
2、实现代码：
<body>
<form action="../indent/addIndent.do" name="frmPage" method="post">
<table>
<tr>
<td></td>
<td>编号</td>
<td>商品名</td>
<td>商品价格</td>
<td>数量</td>
<td>备注</td>
</tr>
<tr>
<td><input type="checkbox" name="isSelect" value="1"/></td>
<td><input type="text" name="isSelect" value="HD123"/></td>
<td><input type="text" name="name" value="手机"/></td>
<td><input type="text" name="price" value="1234"/></td>
<td><input type="text" name="count" value="20"/></td>
<td><input type="text" name="mark" value="你好"/></td>
</tr>
<tr>
<td><input type="checkbox" name="isSelect" value="1"/></td>
<td><input type="text" name="isSelect" value="HD123"/></td>
<td><input type="text" name="name" value="手机"/></td>
<td><input type="text" name="price" value="1234"/></td>
<td><input type="text" name="count" value="20"/></td>
<td><input type="text" name="mark" value="你好"/></td>
</tr>
<tr>
<td><input type="checkbox" name="isSelect" value="1"/></td>
<td><input type="text" name="isSelect" value="HD123"/></td>
<td><input type="text" name="name" value="手机"/></td>
<td><input type="text" name="price" value="1234"/></td>
<td><input type="text" name="count" value="20"/></td>
<td><input type="text" name="mark" value="你好"/></td>
</tr>
</table>
<input type="button" name="submit1" value="提 交" onclick="changeValue();"/>
</form>
<form action="../indent/addIndent.do" name="frm" method="post">
</form>
<script type="text/javascript">
function changeValue(){
//清空名为frm的form的内容
$("form[name=frm]").empty();
//获得名称为isSelect的所有checkbox
var check = $(input[name=isSelect]);
var name = document.getElementsByName("name");
var price = document.getElementsByName("price");
var count = document.getElementsByName("count");
var mark = document.getElementsByName("mark");
var i=0;
var str="";
//循环每条记录
check.each({
//选出checkbox为选中状态的
if($(this).attr("checked")==true){
//将每个参数都添加到frm这个form中
str += "<input type='hidden' name='name' value='"+name[i].value+"'>";
str += "<input type='hidden' name='price' value='"+price[i].value+"'>";
str += "<input type='hidden' name='count' value='"+count[i].value+"'>";
str += "<input type='hidden' name='mark' value='"+mark[i].value+"'>";
$("form[name=frm]").append(str);
}
i++;
});
$("form[name=frm]").submit();
}
</script>
</body>
相关推荐
其实有一些也是大同小异，本人在此小编一下大致解决方案摒弃微软提供的CheckBoxList 需求: 1动态产生一组checkbox(数据源为DB或内存集合) 2post提交时后台能及时获取 3提交后刷新页面checkbox保持原先选中或取消选中...
点击“提交”后，可以得到正确的选择值了，但是后面多一个,(英文逗号)，这个可以检测一下再用substring去除，或者获取到复选框选择值后一般都要转成数组再使用的，所以也可以在转成数组后，去除最后一个数组元素。...
3.35 文本框显示网页中选中的内容 3.36 文字的垂直滚动 3.37 文字幻灯片 3.38 随机动态文字效果 3.39 实现textarea的自动滚动 3.40 使用marquee实现文字上下滚动 3.41 类似安装效果的textarea滚动 3.42 始终显示在最...
3.35 文本框显示网页中选中的内容 3.36 文字的垂直滚动 3.37 文字幻灯片 3.38 随机动态文字效果 3.39 实现textarea的自动滚动 3.40 使用marquee实现文字上下滚动 3.41 类似安装效果的textarea滚动 3.42 始终显示在最...
ExtAspNet是一组专业的Asp.net控件库，拥有原生的AJAX支持和丰富的UI效果， 目标是创建没有JavaScript，没有CSS，没有UpdatePanel，没有WebServices的Web应用程序。 支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome ...
ExtAspNet是一组专业的Asp.net控件库，拥有原生的AJAX支持和丰富的UI效果， 目标是创建没有ViewState，没有JavaScript，没有CSS，没有UpdatePanel，没有WebServices的Web应用程序。 支持的浏览器: IE 7.0+, Firefox...
一组 正则表达式 静态构造函数 忽略大小写Replace效率瓶颈IndexOf 随机排列算法 理解C#中的委托[翻译] 利用委托机制处理.NET中的异常 与正则表达式相关的几个小工具 你真的了解.NET中的String吗？ .NET中的方法及其...
1. 在Portal门户的流程中心中发起【办公流程->会议通知】流程，请注意（目前DEMO中，生产一部&生产二部 >> 联络员组）才有具体联络人，因此，需要展示效果，请至少选择一个部门； 2. 继续提交流程，并观察流程监控...
作用：在页面中表现为一条直线 语法： 属性： 1、size 尺寸，以 px 为单位的数值 2、width 宽度，以 px 或 % 为单位的数值 3、align 水平对其方式 4、color 颜色 Demo ： 02-text.html 中 增加一根...
如何选中树中的某个节点 A.10.2. 刷新树的所有节点 A.10.3. 如果取得json中自定义的属性 A.11. 如何使用input type="image" A.12. Ext.Window中的closeAction A.13. 使用同步ajax B. 修改日志 C. 后记 C.1. 2007年...
2.3 提交表单数据60 2.3.1 使用button控件61 2.3.2 使用linkbutton控件62 2.3.3 使用imagebutton控件65 2.3.4 button控件使用客户端脚本68 2.3.5 执行跨页面发送70 2.3.6 指定默认按钮73 2.3.7 处理command事件74 ...
第一部分 构建ASP.NET页面 第1章 ASP.NET Framework概览 2 1.1 ASP.NET和.NET Framework 5 1.1.1 框架类库 5 1.1.2 公共语言运行库 9 1.2 ASP.NET控件 10 1.2.1 ASP.NET控件概览 11 1.2.2 HTML控件 12 1.2.3 理解...
93 <br>0144 如何自定义货币值中的小数点 94 <br>0145 如何自定义货币值中小数点左边数字分组字符 94 <br>0146 如何自定义货币值中小数点左边每一组的位数 95 <br>0147 如何自定义百分比值中小数...
当一个正则表达式成功地和目标字符串相匹配时,可以从目标串中抽出和括号中的子模式相匹配 的部分.例如,假定我们正在检索的模式是一个或多个字母后面跟随一位或多位数字,那么我们可以使用模式 / [a-z] + \ d+/.但是...
这个函数接收一个包含 CSS 选择器的字符串，然后用这个字符串去匹配一组元素。 jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都构建于这个函数之上，或者说都是在以某种方式使用这个函数。这个函数最...
|--监听之CheckBox是否选中监听 |--监听之EditText内容变化监听 |--监听之GridView条目点击监听 |--监听之ListView条目点击事件监听 |--监听之ListView滑动监听 |--监听之单击监听的两种定义 |--监听之双击监听 |--...