JavaScript提交表单数组
示例代码如下:
<?php
print_r($_POST);
?>
<script type="textjavascript">
function checkall(form, prefix, checkall) {
var checkall = checkall ? checkall : 'chkall';
for(var i = 0; i < form.elements.length; i++) {
var e = form.elements[i];
if(e.name != checkall && (!prefix || (prefix && e.name.match(prefix)))) {
e.checked = form.elements[checkall].checked;
}
}
}
</script>
<form name="andy" action="" method="post">
<input type="checkbox" name="andy[]" value="1" />
<input type="checkbox" name="andy[]" value="2" />
<input type="checkbox" name="andy[]" value="3" />
<input type="hidden" name="type" />
<input type="checkbox" name="chkall" onclick="checkall(this.form, 'andy')" />全选
<input type="button" onclick="document.andy.type.value = 'a';document.andy.submit()" value="提交" />
</form>
print_r($_POST);
?>
<script type="textjavascript">
function checkall(form, prefix, checkall) {
var checkall = checkall ? checkall : 'chkall';
for(var i = 0; i < form.elements.length; i++) {
var e = form.elements[i];
if(e.name != checkall && (!prefix || (prefix && e.name.match(prefix)))) {
e.checked = form.elements[checkall].checked;
}
}
}
</script>
<form name="andy" action="" method="post">
<input type="checkbox" name="andy[]" value="1" />
<input type="checkbox" name="andy[]" value="2" />
<input type="checkbox" name="andy[]" value="3" />
<input type="hidden" name="type" />
<input type="checkbox" name="chkall" onclick="checkall(this.form, 'andy')" />全选
<input type="button" onclick="document.andy.type.value = 'a';document.andy.submit()" value="提交" />
</form>
几点说明:
- document.andy.type.value 用于设置表单里文本域的值
这句的意思是这个文件的名为andy的form里面的type的值设置为a - input的name设置为name="andy[]"后
在$_POST接收到的是一个数组 - checkall 是全选的Javascript函数
- 这里比较值得学习的是onclick事件所做的事情,这个onclick做了二件事,一是设置表单项值,二是提交
这样不论什么HTML元素都可以来做提交和设定表单项的值了.
本例得到的$_POST结果为:
Array
(
[andy] => Array
(
[0] => 1
[1] => 2
[2] => 3
)
[type] => a
[chkall] => on
)
(
[andy] => Array
(
[0] => 1
[1] => 2
[2] => 3
)
[type] => a
[chkall] => on
)
用了 谢了