<!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>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
window.onload = function(){//页面所有元素加载完毕
var btn = document.getElementById("btn"); //获取id为btn的元素(button)
btn.onclick = function(){ //给元素添加onclick事件
var arrays = new Array(); //创建一个数组对象
var items = document.getElementsByName("check"); //获取name为check的一组元素(checkbox)
for(i=0; i < items.length; i++){ //循环这组数据
if(items[i].checked){ //判断是否选中
arrays.push(items[i].value); //把符合条件的 添加到数组中. push()是javascript数组中的方法.
}
}
alert( "选中的个数为："+arrays.length );
}
}
</script>
</head>
<body>
<form method="post" action="#">
<input type="checkbox" value="1" name="check" checked="checked"/>
<input type="checkbox" value="2" name="check" />
<input type="checkbox" value="3" name="check" checked="checked"/>
<input type="button" value="你选中的个数" id="btn"/>
</form>
</body>
</html>
分享到：
相关推荐
例如，在第二个代码示例中，增加了对被勾选复选框数量的限制，假设最多只能选三个。具体实现方式是在事件监听函数中加入一个判断语句，检查当前勾选的复选框数量是否超过了限制（`len > 3`）。如果超过了，就会弹出...
JS获取多选框checkbox被选中的个数。 var checkbox = document.getElementsByName("likes[]"); //此处通过此种方式才能获得多选框为数组。 //like为name = "like[]" , 获得时必须加上[] var checked_counts = 0; ...
本文将深入探讨如何使用jQuery来动态获取复选框选中的个数。 jQuery 是一个强大的JavaScript库，它提供了简洁的API来操作DOM（文档对象模型），包括对表单元素如复选框的操作。在给定的例子中，开发者尝试通过绑定...
在IT行业中，尤其是在前端开发领域，经常需要处理用户交互，比如限制用户在多选框（Checkbox）中选择的项目数量。这个场景广泛存在于各种表单和数据筛选功能中。本篇我们将深入探讨如何实现“关于checkbox选择个数...
在实际应用中，你可能还需要添加更多的功能，比如监听用户的选择变化，获取被选中的复选框，或者允许用户自定义复选框的个数等。这可以通过添加事件监听器（如ItemListener）并实现相应的方法来实现。总之，理解和...
首先，让我们回顾一下纯JavaScript实现复选框选中个数统计的代码。在提供的描述中，我们看到一个简单的HTML结构，其中包含三个复选框（每个都有`name="check"`），以及一个按钮（`id="btn"`）。当用户点击按钮时，...
在实际开发中，根据项目需求，可能需要扩展验证逻辑，包括但不限于：检查复选框的个数、验证复选框的值是否存在于预定义的列表中，以及确保用户至少选择一个选项等。了解如何正确地验证复选框的数据对于构建健壮的...
本文将深入解析如何使用JavaScript（js）来限制用户在复选框（checkbox）中勾选的个数，以及如何在后端使用PHP来获取并处理多个复选框的值。 首先，我们来看JavaScript部分。在HTML中，我们通常会创建一系列的复选...
在网页开发中，经常需要对用户的选择进行处理，特别是当涉及到多选框（checkbox）时。`checkbox` 是HTML中的一个表单元素，允许用户在一组选项中选择多个选项。在JavaScript中，我们需要编写代码来判断这些`checkbox...
在表格的每一行中添加复选框，如`<input type="checkbox" class="selectBox">`，并为它们分配一个共享的类名，以便后续操作。 2. 多选事件处理： 使用`$('.selectBox').click(function() {...})`监听所有复选框的...
// 复选框长度和没选中的个数一样 -> 全选 $('#box').children(':checkbox').prop('checked', true); } else { // 如果有选中个数， -> 反选 $('#box').children(':checkbox').each(function(){ $(this).prop...
本文将介绍如何利用jQuery来实现对复选框组的简单操作，包括全选、全不选和获取选中复选框的值。 #### 1. jQuery实现复选框全选与全不选功能 在复选框操作中，最常见的需求是实现全选和全不选的功能。这可以通过...
19. 一个框架中的复选框可以有多个被选中，而单选钮在同一组中只有一个可以被选中。 20. ALTER TABLE语句用于在已有表中添加新字段或约束。 21. 栈是先进后出的线性表，适用于后进先出的操作场景。 22. 字符串"a...
在iOS开发中，有时我们需要创建具有特定功能的用户界面，比如按钮布局的调整以及支持多选操作，并且要对选择的数量进行限制。本项目“ios-限制多选个数.zip”就聚焦于这些需求，提供了相应的解决方案。我们将深入...
然后为所有行复选框绑定了点击事件，当任何一行复选框被改变时，判断所有行复选框的选中情况，并相应地设置全选复选框的选中状态。对于按钮的隐藏和显示逻辑，通过`toggleButtons`函数来判断表格内行的个数，并据此...
6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 下拉框式网站导航 6.14 综合的搜索引擎 6.15 经典的ListView列表框 第7章 键盘操作和状态栏特效 7.1 按功能键返回首页 7.2 回车实现Tab键功能 7.3 Ctrl+Enter...