提交一组中选中的checkbox方法

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>

 

 

posted on 2012-12-10 04:57  正在奋斗  阅读(12671)  评论(0编辑  收藏  举报

导航