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>
