`

JS处理多选框[--图--]

JavaScriptHTML 
阅读更多

JS处理多选框

  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  4. <title>JS处理多选框</title>
  5. <script type="text/javascript">
  6.   function test(){
  7.      var tree=document.getElementsByName("tree_id");
  8.      var i;
  9.      alert(tree.length);
  10.      for(i=0;i<tree.length;i++){
  11.         alert(tree[i].checked);
  12.      }
  13.   }
  14. </script>
  15. </head>
  16. <body>
  17. <form id="form1" name="form1" method="post" action="">
  18.   <p><input type="checkbox" name="tree_id" value="1" />我是1</p>
  19.   <p><input type="checkbox" name="tree_id" value="2" />我是2</p>
  20.   <p><input type="checkbox" name="tree_id" value="3" />我是3</p>
  21.   <p><input type="checkbox" name="tree_id" value="4" />我是4</p> 
  22.   <input type="button" name="Submit" onclick="test();" value="按钮" />
  23. </form>
  24. </body>
  25. </html>
  • 大小: 10.3 KB
分享到：
| JS 弹出窗口
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    多选框的处理操作JS

    实现两个多选框之间的移动数据操作实现两个多选框之间的移动数据操作实现两个多选框之间的移动数据操作

    通用FormValid1.0-js验证框架

    requireChecked 单选、复选框必须选择 filter 扩展名限制 isNo 值不等于 regexp 自定义正则判断 custom 自定义函数判断 更新历史： 1.0 disabled的元件不进行验证 比较大小判断的改正 增加了isTelephone决断，即...

    HTML+JS年会宴会抽奖系统 v3.0

    2011-09-13 奖项框除了可以填写样式名还可以直接填写样式代码，程序可以自动识别 2011-09-13 增加了手动和自动整理列表功能 ----------------------------------------------- V2.0.1 2011-12-09 bug处理：列表获取...

    tonyCode抽奖系统（原HTML+JS抽奖系统）V4.0

    2011-09-13 奖项框除了可以填写样式名还可以直接填写样式代码，程序可以自动识别 2011-09-13 增加了手动和自动整理列表功能 V2.0.1----------------------------------------------- 2011-12-09 bug处理：列表获取...

    Mindy Framework:开源OOPHP框架-开源

    可提供：-多站点管理（无核心重复）-可选的可与MySQL＆SQL Server一起使用的ORM模块）-一个可选的i18n模块-RESTful全局Ajax管理，提供了针对JavaScript和Ajax错误的完全可调整的处理程序-模板引擎，可用于在页面中...

    ExtAspNet v2.2.1 （2009-4-1） 值得一看

    +TreeNode的前面的多选框可以自动回发了。 -为TreeNode增加AutoPostBack属性，增加事件数据类TreeCheckEventArgs，为Tree增加事件NodeCheck。 -示例在：http://extasp.net/data/tree_run.aspx -Grid增加...

    js表单处理中单选、多选、选择框值的获取及表单的序列化

    主要介绍了js表单处理中单选、多选、选择框值的获取及表单的序列化的相关资料,需要的朋友可以参考下

    KODExplorer 芒果云-资源管理器

    - 图片懒加载、图片较多的情况下只加载首屏图片缩略图; - 编辑文件打开出错,自动关闭标签;文件打开20M限制(大于20M则不处理,浏览器会卡死) - 标签关闭提示：检测是否有未保存文件，文件修改实时修改是否修修改的...

    UWA 2.X UTF-8 （v2.1.5_to_v2.2.0） 升级程序.zip

    [增强]自定义下拉框、选项卡和多选框显示方式和多选分隔符 [更改]删除广告位时删除对应广告, 删除链接分类时删除对应链接 [更改]默认模板登录页添加广告 [增强]内链允许随机读取,自定义内链条数 [更改]重置菜单...

    使用AngularJS处理单选框和复选框的简单方法

    使用复选框的的例子有很多，同时我们对它们的处理方式也有很多。这篇文章中我们将看一看把复选框和单选按钮同数据变量绑定的方法和我们对它的处理办法。 创建Angular表单 在这篇文章里，我们需要两个文件:index.html...

    限制复选框的最大可选数的js代码

    在一些网页应用中，就比如在投票系统中，当我们进行的是多项投票时，我们要求用户最多只能选择几项进行投票，这也是就是说选择复选框的个数最多几个. 那么如何设置这最多的几个，我们就需要做些简单的脚本处理。以下...

    大名鼎鼎SWFUpload- Flash+JS 上传

    JavaScript 库: SWFUpload.js Flash控制元素: SWFUpload_f8.swf 或者 SWFupload_f9.swf 事件处理 使用SWFUpload遇到的多数问题是由不正确地设置或者定义了糟糕的处理事件引起的。 初始化和设置 SWFpload必须在...

    jqm-inline-multiselect:在 jquery mobile 中使用复选框组来表示多选

    jqm-内联-多选一个插件，可让您使用复选框组在 jquery mobile 中表示多选。 演示： : 为什么？ 我有一个存在于弹出窗口中的 jQM 表单，我需要在这里使用多选。 多选需要使用 jQM 样式，但这是不可能的，因为 jQM 将...

    程序天下:JavaScript实例自学手册

    6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 下拉框式网站导航 6.14 综合的搜索引擎 6.15 经典的ListView列表框 第7章 键盘操作和状态栏特效 7.1 按功能键返回首页 7.2 回车实现Tab键功能 7.3 Ctrl+Enter...

    JavaScript完全自学宝典 源代码

    6.7.html 各种使用JavaScript获取复选框值的方法。 6.8.html JavaScript控制复选框。 6.9.html 复选框的JavaScript特效。 6.10.html JavaScript取单选框的值。 6.11.html JavaScript控制单选框...

    《程序天下：JavaScript实例自学手册》光盘源码

    6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 下拉框式网站导航 6.14 综合的搜索引擎 6.15 经典的ListView列表框 第7章 键盘操作和状态栏特效 7.1 按功能键返回首页 7.2 回车实现Tab键功能 7.3 Ctrl+Enter...

    bootstrap-table 分页Demo

    Bootstrap-table插件提供了非常丰富的属性设置，可以实现查询、分页、排序、复选框、设置显示列、Card view视图、主从表显示、合并列、国际化处理等处理功能，而且该插件同时也提供了一些不错的扩展功能，如移动行、...

    ExtAspNet_v2.3.2_dll

    +TreeNode的前面的多选框可以自动回发了。 -为TreeNode增加AutoPostBack属性，增加事件数据类TreeCheckEventArgs，为Tree增加事件NodeCheck。 -示例在：http://extasp.net/data/tree_run.aspx -Grid增加...

    EditPlus 2整理信箱的工具

    选中“正则表达式”复选框，表明我们要在查找、替换中使用正则表达式。然后，选中“替换范围”中的“当前文件”，表明对当前文件操作。 ②、单击“查找内容”组合框右侧的按钮，出现下拉菜单。 ③、下面的操作添加...

    Editplus 3[1].0

    选中“正则表达式”复选框，表明我们要在查找、替换中使用正则表达式。然后，选中“替换范围”中的“当前文件”，表明对当前文件操作。 ②、单击“查找内容”组合框右侧的按钮，出现下拉菜单。 ③、下面的操作添加...

Magicbox
Global site tag (gtag.js) - Google Analytics