提交一組中選中的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>

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM