`

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页面中添加 ---左右添加多选框

    在JavaScript页面开发中，"左右添加多选框"通常指的是创建一种交互式用户界面，其中包含可以被用户选中或取消选中的复选框，并且这些复选框以某种方式排列，例如从左到右或者分列显示。这种布局常见于需要用户进行多...

    jquery多选框

    4. `jquery.bgiframe.js`：这是一个jQuery插件，主要用于解决在IE6和IE7下浮动元素与背景图片重叠的问题，确保多选框在这些旧版浏览器中的正确显示。 5. `前端页面.text`：这个文件很可能包含了一个或多个示例页面...

    javascript下拉多选框复选框

    在JavaScript编程中，下拉多选框和复选框是常见的用户交互元素，它们用于收集用户的多选项选择信息。在本项目中，我们探讨的是如何使用纯JavaScript实现一个功能丰富的下拉多选框，而不是依赖于像jQuery这样的库，...

    js 特效 5右拖动--多选框控制

    在JavaScript（JS）编程中，"5右拖动--多选框控制"是一种常见的交互式特效，主要用于增强用户的操作体验。这种特效允许用户通过拖动一个元素（通常是一个滑块或者选择器）来控制多个多选框的可见性。在这个场景中，...

    Bootstrap-selectpicker多选框的简单实例

    在本实例中，我们将探讨如何使用Bootstrap-selectpicker实现多选框功能。 Bootstrap-selectpicker的核心在于其丰富的样式和交互性，它通过CSS和JavaScript来增强默认的HTML `&lt;select&gt;` 元素。首先，你需要在你的...

    多选框的处理操作JS

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

    uniapp多选标签/多选按钮/多选框源码

    同时，可以通过自定义样式和事件处理，使多选框功能更加灵活。 在实际项目中，这些组件的运用往往涉及到数据遍历和动态样式赋值。例如，可以通过`v-for`指令遍历后台返回的数据，动态生成多选标签、按钮或框，并...

    javascript 实现复选框全选/取消功能

    ### JavaScript 实现复选框全选/取消功能 在网页开发中，经常需要用到复选框全选或取消的功能。本文将详细介绍如何通过JavaScript实现这一功能，并解析提供的代码片段。 #### 1. 功能概述 本功能的目标是实现一个...

    带复选框JS树，JS带复选框的列表，很好用

    在构建"带复选框的JS树"时，开发者通常会利用JavaScript来实现树的展开/折叠、复选框状态的同步以及与其他组件的交互等功能。 为了实现这个功能，开发者通常会使用现有的JavaScript库，如jQuery、Angular、React等...

    Bootstrap-selectpicker多选框插件的demo源码

    多选框在网页设计中通常以复选框的形式出现，但通过这个插件，我们可以将其转化为更整洁、更易于操作的下拉式多选框。 在源码中，你可能会看到以下关键部分： 1. **CSS引用**：Bootstrap-selectpicker需要引入其...

    JQUERY组件 多选框

    2. 引入组件：接着，将jQuery多选框组件的JavaScript和CSS文件引入到页面中。 ```html &lt;script src="selectarea.js"&gt; ``` 3. HTML结构：创建一个容器元素，用于放置多选框组件。 ```html &lt;div id="selectArea"&gt;&lt;/...

    spreadjs_导出 Excel 显示复选框而不是布尔值-demo.zip

    描述“spreadjs_导出 Excel 显示复选框而不是布尔值-demo”进一步强调了这个演示是关于在Excel导出中用复选框代替简单的文本值（如"True"或"False"），这在处理包含逻辑值的数据时非常有用，因为复选框更直观，用户...

    多选框插件uichoose

    3. **易用性**：配置简单，只需要引入相关的JavaScript和CSS文件，通过简单的API设置，即可实现多选框和单选框的个性化定制。 4. **功能丰富**：除了基本的选中和取消选中，uichoose还支持禁用选项、分组、多级选择...

    基于Jquery和Ajax的多选框

    4. **数据处理**：服务器响应后，解析返回的数据，用这些数据更新多选框的状态。 5. **优化与兼容性**：为了确保在不同浏览器和设备上的良好表现，可能还需要处理一些兼容性问题，如旧版本浏览器的 AJAX 支持，或者...

    jquery多选框实现单选效果

    要实现将多选框模拟成单选的效果，我们需要确保当用户点击某个多选框时，该多选框被选中而其他所有同组内的多选框都被取消选中。下面是对这个逻辑的具体解析： 1. **初始化状态**：首先，所有的多选框默认都不被...

    多选框功能并除去最后一个逗号

    本篇文章将深入探讨多选框的功能、用途，以及如何处理最后的逗号问题。 首先，多选框的主要功能是为用户提供多选交互，用户可以勾选或取消勾选各个选项，以表示他们对一系列可选项的同意、选择或偏好。它们通常与复...

    js获取复选框选中项的值

    在探讨如何使用JavaScript（简称JS）来获取复选框（checkbox）选中项的值之前，我们首先需要理解复选框的基本概念以及它在网页表单中的作用。复选框是一种常用的HTML元素，用于允许用户从多个选项中选择一个或多个...

    spreadjs_列头添加复选框全选功能-demo.zip

    《SpreadJS：实现列头复选框全选功能详解》 SpreadJS 是一款强大的JavaScript电子表格库，由 GrapeCity 公司开发，它允许开发者在Web应用中创建、编辑和展示电子表格数据。在实际应用中，我们经常需要在列头添加复...

    js插件-弹出层-选择框-输入框

    这个插件提供了选择框弹出功能，可能包括下拉式选择框、多选框等，增强了用户在选择过程中的可视化和操作便捷性。这对于创建动态表单或需要用户做出选择的场景特别有用。 接着，日期选择器是另一种常见且实用的前端...

    11款下拉式多选框

    4. **多选下拉框（JS + DIV）**：这是一种纯JavaScript和HTML实现的下拉多选框，不依赖于特定的库如jQuery。它可能通过动态创建DOM元素来构建下拉菜单，提供自定义事件处理和交互效果。 5. **dhtmlxTree**：虽然...

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