Andy's Blog » javascript 提交数组, form, 表单提交数组, form 提交数组, form提交数组, 表单 提交 数组, form 表单提交数组, js 提交表单 数组, js 解析 form表单数组, javascripe, js 表单 数组, js form 提交 数组, from提交file数组, js 表单提交数组, from表单可以提交数组给action吗, js form 数组 » JavaScript提交表单数组

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>

几点说明:

  1. document.andy.type.value 用于设置表单里文本域的值
    这句的意思是这个文件的名为andy的form里面的type的值设置为a
  2. input的name设置为name="andy[]"
    在$_POST接收到的是一个数组
  3. checkall 是全选的Javascript函数
  4. 这里比较值得学习的是onclick事件所做的事情,这个onclick做了二件事,一是设置表单项值,二是提交
    这样不论什么HTML元素都可以来做提交和设定表单项的值了.

本例得到的$_POST结果为:

Array
(
    [andy] => Array
        (
            [0] => 1
            [1] => 2
            [2] => 3
        )
    [type] => a
    [chkall] => on
)

Incoming search terms:

Tags: javascript, 数组, 表单

本文地址: http://www.21andy.com/new/20070206/588.html

1 评论 to “PHP开源CMS之MODx”

  1. 发质 于 2008-08-28 13:49:31 发表:

    用了 谢了