提交一组中选中的checkbox方法

最新推荐文章于 2022-11-29 15:45:28 发布

weixin_30784501

最新推荐文章于 2022-11-29 15:45:28 发布

阅读量139

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lcgw/archive/2012/12/10/2810711.html

版权

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="提  交" οnclick="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>

转载于:https://www.cnblogs.com/lcgw/archive/2012/12/10/2810711.html

weixin_30784501

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
提交一组中选中的checkbox方法

1、实现思想：当单击提交的时候，触发一个onclick事件，将checkbox为选中状态的每条记录的参数都添加到那个指定的form中，然后提交这个form表单。2、实现代码：<body> <form action="../indent/addIndent.do" name="frmPage" method="post"> <table...
复制链接

扫一扫