eg:

<form action="" method="post" name="form1">
<input type="text" name="txt[]"><br/>
<input type="text" name="txt[]"><br/>
选项1:<input type="checkbox" name="chk[]" value="one"><br/>
选项2:<input type="checkbox" name="chk[]" value="two"><br/>
<input type="text" id="hint" size="50">
<input type="submit" value="check it" name="Submit">&nbsp;&nbsp;<input type="button" value="点击" οnclick="myfunction()">
</form>

在上面这段代码中,当点击submit控件时,可以在脚本页通过php取得text,checkbox的数组形式。

<?php

var_dump($_POST['chk']);

此时$_POST['chk']是有被选中的checkbox组成的数组。如果checkbox都没有选中,则isset($_POST['chk'])为false;

?>

但是在上面代码中加上js代码

<script>
function myfunction()
{
        var chk=document.getElementsByName("chk");
        alert(chk.length);
var txt="你的选择为:";
for(var i=0;i<chk.length;i++)
{
if(chk[i].checked)
{
txt+=chk[i].value+" ";

}

}

document.getElementById("hint").value=txt;
}
</script>

此时alert(chk.length);显示为0.

这是因为document.getElementsByName("chk")的缘故

如果要document.getElementsByName("chk")有效果,需要将<input type="chkbox" name="chk[]">改为<input type="chkbox" jname="chk">

在<input type="chkbox" name="chk[]">的情况下只有document.getElementsByName("chk[]")

时,alert(chk.length)才会显示数量

javascript中的取input对象集合与php中取input数组的区别相关推荐

  1. JavaScript基础09-day11【原型对象、toString()、垃圾回收、数组、数组字面量、数组方法】

    学习地址: 谷粒学院--尚硅谷 哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...

  2. Java中如何循环删除一个集合(如List)中的多个元素

    今天我需要从一个java的集合中,根据另一个集合的内容,删除第一个集合中不特定的元素.这看上去非常简单,但却遇到了问题.这就是"Java中如何删除一个集合中的多个元素"的问题. 这 ...

  3. java if在内存中_java如何将对象暂存到内存中?

    展开全部 form表单提交文件,建议用62616964757a686964616fe59b9ee7ad9431333264623862smartupload上传,暂存在web服务器目录下,然后稍微一下 ...

  4. 如何将一个数组中的值(对象)变相放入另一个数组中

    最近项目中需要将后台返回的数据,如下 var arr1 = [{"1": "员工信息"}, {"2": "员工账号"}] ...

  5. SpringMVC中通过@ResponseBody返回对象,Js中调用@ResponseBody返回值,统计剩余评论字数的js,@RequestParam默认值,@PathVariable的用法

    1.SpringMVC中通过@ResponseBody返回对象,作为JQuery中的ajax返回值 package com.kuman.cartoon.controller; import java. ...

  6. 将list对象存储进redis中去

    如何将list对象存储进redis中去 如何将list对象存储进redis中去 将list转成字符串对象 从redis中获取json字符串并将其放入到list集合中 如何将list对象存储进redis ...

  7. JAVA8 利用stream流将一个对象集合转换成另一个对象集合

    // 从数据库中查询出的对象集合List<OperationStation> operationStations = operationStationJoinMapper.selectJo ...

  8. oracle对象不在回收站中,Oracle PURGE子句清除回收站中的对象

    使用PURGE语句从回收站中清除表,索引,已删除的表空间或者整个回收站,并释放与对象关联的所有空间.PURGE语句不能回滚,清除以后也不能恢复. 查询USER_RECYCLEBIN数据字典查阅回收站内 ...

  9. JS-JSON-获取JSON对象中的数据展示到表格里

    JS-JSON-获取JSON对象中的数据展示到表格里 1.要求 点击按钮,将学生信息展示到表格里,并显示总记录条数. 2.实现思路 创建JSON对象 先创建一个JSON对象data,有总人数total ...

  10. JavaScript中的Window窗口对象【转载】

    本文转载自:http://www.ijavascript.cn/jiaocheng/javascript-window-65.html 他是JavaScript中最大的对象,它描述的是一个浏览器窗口. ...

最新文章

  1. 分享套接字数据包序列化与反序列化方法
  2. LeetCode 113. 路径总和 II(回溯)
  3. 用idea创建vue项目
  4. 苹果智能拨号软件_iPhone智能性升级 多功能通话辅助软件
  5. ARP协议及欺骗原理
  6. SpringCloud:Gateway网关配置及使用
  7. 安卓电子书格式_在安卓上比较适合看英文电子书的软件
  8. 麻省理工公开课:线性代数视频总结(课1-2)
  9. 数据可视化怎么操作?看完这篇你就明白了
  10. 罗振宇2019-2020“时间的朋友”跨年演讲精华版全文
  11. Error: Unresolved node modules: vue
  12. PDF怎么转换成Word文档呢?不妨试试这两种方法!
  13. 面向越野地形自动驾驶的语义地形分类
  14. Simple Torrent:一个支持边下边播、无版权限制和自动上传的BT离线下载程序
  15. python钉钉机器人发送excel附件_python 钉钉机器人发送消息
  16. Hinton曾授课,斯坦福首个Transformers专题讲座视频放出,NLP、CV和RL无所不包
  17. JAVA 用enum 来枚举java项目中的错误信息
  18. linux密码配置文件详解,用户配置文件与密码配置文件
  19. 玩转汉诺塔(hanoi)游戏
  20. XiaoHu日志 5/29~5/30

热门文章

  1. 源码装置vsftpd
  2. 掌握好数据分析,99%的企业都不会拒绝你
  3. 【量化】CSFB阿尔法多因子模型研究
  4. linux从入门到精通张帆,Linux基础之文件系统简介及其系统管理工具
  5. java 字符串数字验证_验证一个字符串是否由数字组成(Java)
  6. C++函数指针和仿函数【转】
  7. The Game Of Life – 数据结构与算法的敲门砖
  8. ModelAttribue注解的使用
  9. 一年总结:2016.7.9 - 2017.7.9
  10. php之简单的文件管理(基本功能