`
zqb666kkk
  • 浏览: 732117 次
  • 性别: Icon_minigender_1
  • 来自: 宁波
社区版块
存档分类
最新评论

取复选框勾选的值

    博客分类：
  • js
 
阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>取复选框勾选的值</title>
<script type="text/javascript">
function getCheckedIds(){
  var ids = document.getElementsByName('ids');
  var checkedIds = '';
  for ( var i = 0; i < ids.length; i++) {
   if(ids[i].checked){
    checkedIds += ids[i].value + ',';
   }
  }
  alert(checkedIds);
}
</script>
</head>
<body>
<input type="checkbox" name="ids" value="1" />
<input type="checkbox" name="ids" value="2" />
<input type="checkbox" name="ids" value="3" />
<input type="button" onclick="getCheckedIds()"  value="测试"/>
</body>
</html>
分享到：
| jsp url文件判断是否存在
评论
发表评论

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

相关推荐

    PB带复选框的树形控件

    在PowerBuilder（简称PB）这个老牌的可视化编程环境中，开发者经常需要为用户提供交互式的界面，例如带有复选框的树形控件，以便用户可以进行多选操作。这个控件在数据管理、配置选择等场景下特别有用。 "PB带复选...

    js获取复选框选中项的值

    当用户勾选某个复选框时，该复选框的`value`属性将被设置为选中状态，这使得开发者能够通过编程方式读取用户的输入。 ### 如何使用JS获取复选框选中项的值 #### 步骤1：定位复选框元素 在上述代码示例中，我们...

    带CheckBox列头有全选择功能的DataGridView(二)

    在.NET框架中，`DataGridView`控件是用于展示表格数据的一种常见组件，广泛应用于Windows Forms应用程序。本示例探讨的是如何在`DataGridView`的列头添加一个带有全选功能的CheckBox，实现用户可以通过点击列头的...

    Exam 3-14--列表框、组合框、复选列表框的例子_列表框、组合框、复选列表框_C#_

    3. **复选列表框(CheckedListBox)**：复选列表框提供了带有复选框的项目列表，用户可以勾选或取消勾选各个项。`System.Windows.Forms.CheckedListBox`类负责此控件。添加带复选框的项使用`Items.Add(object item)`，...

    取超级列表框的检查框被选中项目模块源码

    总之，“取超级列表框的检查框被选中项目模块源码”是一个易语言的编程示例，它展示了如何获取和处理超级列表框中被选中的复选框项目。对于学习易语言的人来说，这是一个很好的实践案例，可以帮助他们更好地理解和...

    Excel动态对比图.rar

    这可以通过设置复选框的“控制源”属性来完成，将其链接到某个单元格，该单元格的值将根据复选框的状态（选中或未选中）改变。 3. **创建图表**：选择需要比较的数据列，创建图表。可以是柱状图、折线图或饼图，...

    jquery 页面全选框实践代码

    2. `checkedKeys(key)`：返回所有选中复选框的特定属性（如`value1`）的值集合。与`checkedIds`类似，但取的是指定的属性值。 3. `checkedTexts()`：获取所有选中复选框对应文本。这里通过获取每个复选框父元素（`...

    IBM Cognos活动报表各控件使用方法介绍

    13. 复选框组：用户可以多选的选项集合，标签与数据卡片组的值对应，允许用户同时选择多项。 14. 数据复选框组：数据驱动的复选框，用户的选择将影响报表展示的数据。 15. 下拉列表：提供一个下拉菜单供用户选择，...

    input checkbox 扩大点击范围的实现方法

    在网页设计中，`&lt;input type="checkbox"&gt;` 是一种常用的HTML元素，用于创建复选框，用户可以勾选或取消勾选。然而，复选框本身的点击区域相对较小，可能会造成用户操作不便，尤其是在移动设备上。为了解决这个问题，...

    JS选中checkbox后获取table内一行TD所有数据的方法

    标题中提到的“JS选中checkbox后获取table内一行TD所有数据的方法”，指的是通过JavaScript编程技术实现，在用户选中表格中某一行的复选框时，获取该行中所有单元格（TD）的内容。此技术主要应用于Web开发中，可以...

    jquery获取一组checkbox的值(实例代码)

    本文将介绍如何利用jQuery来获取一组复选框（checkbox）中被勾选的项的值，并通过实例代码演示实现方法。此知识点适用于希望通过jQuery来简化JavaScript操作的web开发人员，特别是那些熟悉或希望使用jQuery进行DOM...

    Excel剔除单列数据的重复值五种方法介绍.docx

    选中“将筛选结果复制到其他位置”，选择“列表区域”和“复制到”的位置，同时勾选“选择不重复的记录”复选框，然后单击“确定”就完成了重复值的筛选。 以上就是 Excel 剔除单列数据的重复值五种方法介绍，大家...

    好用的js树

    "带checkbox"的js树则是指在每个节点上增加了复选框功能，用户可以通过勾选或取消复选框来选择或取消选择某个节点，这在需要进行多选操作或者层次决策时特别有用。 树形控件的核心是数据结构和遍历算法。在...

    Word 2021分栏对话框中自定义分栏.docx

    2. **分隔线**：如果你希望在每栏之间添加明显的分隔线，可以勾选"分隔线"复选框。这将在相邻的栏之间插入一条直线，使分栏更加清晰。 3. **栏宽相等**：如果你想所有栏的宽度都相同，可以勾选"栏宽相等"复选框。...

    取选中的radio的值

    这里的`:checked`是一个伪类选择器，用于匹配状态为“已选中”的单选按钮或复选框。`input`代表我们要选择的是`&lt;input&gt;`元素，因为单选按钮在HTML中是通过`&lt;input type="radio"&gt;`来定义的。 `.val()` 是jQuery的一...

    radio、checkbox、select等选择标签的总结

    2. **checkbox（复选框）** - `checkbox` 标签用于创建可多选的选项。用户可以勾选一个或多个选项。 - 和 `radio` 类似，`name` 属性用于将多个`checkbox`关联，方便一起处理。 - 同样，`value` 属性定义每个选项...

    选择框读取保存模块代码-易语言

    在易语言中，"选择框"通常指的是复选框（Checkbox）或单选框（RadioButton），它们用于用户界面中提供选项供用户进行选择。复选框允许用户选择多个选项，而单选框则限制用户只能选择其中一个。读取这些选择框的状态...

    ExtAspNet_Grid的属性

    如果启用，网格将在每一行的开始位置显示一个复选框，用户可以通过勾选这些复选框来选择行。 ### 1.12 EnableCollapse `EnableCollapse`属性用于指定网格是否可以折叠或展开。当启用时，用户可以通过点击特定的...

    Selnium 自动化测试中文API

    断言命令则用于验证应用程序的状态是否符合预期，包括“确认页面标题为X”和“验证该复选框是否被勾选”。断言有三种模式：“assert”，“verify”和“waitfor”。断言失败时，测试的行为取决于所采用的模式。 ...

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