`

javascript计算复选框选中个数

 
阅读更多 
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<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">

<script type="text/javascript">
	var btn = document.getElementById("btn");
	btn.onclick = function(){
		var arrays = new Array();
		var items = document.getElementsByName("check");
		for(i=0; i<items.length; i++){
			if(items[i].checked){
				arrays.push(items[i].value);
			}
		}
		alert("选中的个数为：" + arrays.length);
	}
</script>
</body>
</html>
分享到：
| css隔行变色
评论
发表评论

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

相关推荐

    JavaScript判断表单中多选框checkbox选中个数的方法

    主要介绍了JavaScript判断表单中多选框checkbox选中个数的方法,涉及javascript针对checkbox复选框的遍历与判断技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    我想计算页面上的选中复选框，如果我选择五个以上的复选框，则会收到警报

    选中此http://www.innovativephp.com/jquery-checkbox-examples/[^]

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

    10.7 单击任意单元格都能自动选中复选框 10.8 调用复选框后面的文字 10.9 两个checkbox互斥问题 10.10 使用checkbox控制文本框 10.11 选中表格行前的复选框则行变色 10.12 用JavaScript生成面包屑导航 10.13 复选框...

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

    10.7 单击任意单元格都能自动选中复选框 10.8 调用复选框后面的文字 10.9 两个checkbox互斥问题 10.10 使用checkbox控制文本框 10.11 选中表格行前的复选框则行变色 10.12 用JavaScript生成面包屑导航 10.13 复选框...

    JavaScript完全自学宝典 源代码

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

    jQuery攻略.pdf

    81 第4章 表单验证 82 4.1 确认必需字段不留空 82 4.2 验证数字字段 84 4.3 验证电话号码 88 4.4 验证用户ID 90 4.5 验证日期 92 4.6 验证电子邮件地址 94 4.7 检查复选框是否被选中 96 4.8 检查单选按钮是否被选中 ...

    JavaScript网页特效范例宝典源码

    实例075 只有一个复选框时控制复选框的全选或反选 119 2.5 密码域 120 实例076 让您的密码域更安全 120 实例077 不提交表单自动检测密码域是否相同 121 2.6 表单应用 122 实例078 通过JavaScript控制表单的提交与...

    javascript函数的解释

    31.复选按钮在JS中判断是否选中:document.forms[0].checkThis.checked (checked属性代表为是否选中返回TRUE或FALSE) 32.单选按钮组(单选按钮的名称必须相同):取单选按钮组的长度document.forms[0].groupName.length ...

    tabela-de-cursos

    要了解是否已选中此复选框，请使用checkbox.checked 要获取此复选框的值，请使用checkbox.value 当用户单击“注册”按钮时，在此表之后，调用JS中的一个函数，该函数将计算已注册的总小时数和课程总数，并显示以下...

    JavaScript实用范例词典04-14

    9.42 检验两个复选框是否同时选中... 291 9.43 解除所有复选框的选中... 292 9.44 全选所有复选框... 293 9.45 全选或取消的复选框... 295 9.46 带标签的复选框... 296 9.47 取得下拉列表中选取的值... 297 ...

    itemized-prices-comparison-google-sheets

    比较Google表格上的价格选项背景Google表格用于协作地和...选中多个复选框将计算所有选中框的总数。选中的所有框的总价将在该行或该列的最后一个单元中输出。有两个主要的脚本，它们要么以行中的分类项目生成的脚本，

    107个常用javascript语句

    31.复选按钮在JS中判断是否选中:document.forms[0].checkThis.checked (checked属性代表为是否选中返回TRUE或FALSE) 32.单选按钮组(单选按钮的名称必须相同):取单选按钮组的长度document.forms[0].groupName.length ...

    Star-Collision-Simulator:带有随机参数的星形多边形的场在随机方向上移动

    选中random复选框，为每个对象分配随机速度，如果未选中，则每个obj都会获得由范围滑块选择的相等速度 如果到达画布边界=&gt;停止计数距离，则区分对角线控件和非对角线控件（带箭头的键盘控件） 13.07： 确定每个...

    libConglomerate:NexusClash的各种用户脚本以及每个字符，每个浏览器的设置框架

    lib集团 NexusClash的各种用户脚本以及每个字符，每个浏览器的设置框架。 最大的两个功能是广告资源和... 将鼠标悬停在复选框，列表或字段上将显示说明功能的标题。 设置的所有更改均在页面加载后生效。 （该脚本仅

    PHP开发实战1200例源码

    实例173 实现复选框中的全选、反选和不选 208 实例174 隐藏域提交用户的ID值 210 实例175 图像域替代提交按钮 211 实例176 跳转菜单实现页面跳转 213 实例177 上传图片预览 214 实例178 去掉下拉选项的边框 215 实例...

    csc428:这是我们 CSC428 课程的代码库

    csc428 这是我们 CSC428 课程的代码库。 如何加载： 将文件保存在计算机上的某个位置 ...单击“保留日志”复选框，使其被选中，可以在靠近左侧的页面“第二行”中找到它 通过测试 从控制台复制/粘贴日志

    github-stories:在GitHub仪表板上查看故事

    GitHub故事在GitHub仪表板... 通过选中右上角的复选框来启用开发人员模式。 单击左上角的“加载解包”按钮。 选择下载的文件夹。经常问的问题问：为什么？ 为什么不？免责声明免费，有趣的辅助项目。 不隶属于GitHub。

    eclipse找不到java源码-googleglass-phonegap-example:可以导入到Eclipse并作为.apk文件导出到G

    eclipse找不到java源码googleglass-phonegap-...选中example旁边的复选框 选择将项目复制到工作区 选择完成 在左侧的Package Explorer中，右键单击example 选择属性（Cmd + I） 在Android下，选择Glass Developmen

    jsp编程技巧集锦

    把复选框中选中的值直接显示在输入文本框中？ 41. 选择路径下的文件直接显示文件内容? 42. 制作进度条? 43. 对较长字符省略显示? 44. 制作日历? 45. 点击文本弹出一个选择框，选中值后返回并显示...

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