位置：首页>> 网络编程>> JavaScript>> 单选的radia,和多选的checkbox如何判定选择?

单选的radia,和多选的checkbox如何判定选择?

　来源：经典论坛　发布时间：2008-11-26 12:29:00　

标签：radio,checkbox,判定,js

如何用javascript来判定选择

单选的radio哪个被选择,多选的checkbox有那几个被选中?

<!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=gb2312" /><title>radio-checkbox - asp之家</title><script type="text/javascript">function aa(){var rs = document.getElementsByName("r");for (var i=0; i<rs.length; i++){if(rs[i].checked){alert(rs[i].value);}}}function bb(){var cs = document.getElementsByName("c");document.getElementById("d1").innerHTML = "<br />以下checkBox被选中了：<br />";for(var i=0; i<cs.length; i++){if(cs[i].checked){document.getElementById("d1").innerHTML += cs[i].value;}}}</script></head><body><input type="radio" name="r" id="a" value="a" /><label for="a">点击选择a</label><input type="radio" name="r" id="b" value="b" /><label for="b">点击选择b</label><input type="button" value="radio" onclick="aa();" /><br /><br /><input type="checkbox" name="c" id="c1" value="c1" /><label for="c1">点击选择c1</label><input type="checkbox" name="c" id="c2" value="c2" /><label for="c2">点击选择c2</label><input type="checkbox" name="c" id="c3" value="c3" /><label for="c3">点击选择c3</label><input type="button" value="checkBox" onclick="bb();" /><div id="d1"></div></body></html>

0

投稿

猜你喜欢

不安全的js写法
一种很常见的写法： document.write('<scr'+'ipt src=&quo
将HTML自动转为JS代码
有时候要用Javascript输常用的字符，比如每个页面都要有的脚注。这里提供一个转换脚本：将HTML自动转为JS代码<script&
浅析网页Transitional和Strict的文档声明的区别
在推广Web标准的今天，那些崇尚Web标准的人经常说XHTML比HTML更加严格，当然从某种意义上说是的，比如它要求所有的标签关闭并且所有的
JavaScript创建可维护幻灯片效果
显然，效果很实用。对于这个效果，我们并不解释如何去使用效果库，而是讲解如何创建类似的效果，并保持他的可用性，分离式（unobtrusive）
VB应用程序访问SQL Server的常用方法
摘要：本文讨论了Visual Basic应用程序访问SQL Server数据库的几种常用的方法，分别说明了每种方法的内部机理并给出了每种方
计划备份mysql数据库
1:mysql是我们使用最多的数据库，如果在日常中正确的对mysql数据进行备份，下面我们就来做这事，通过脚本来实现############
asp 解析一个xml文件的公用函数集合
<％'解析一个xml文件的公用函数集合dim document'装载一个xml文档，函数名Loaddocument(文
Flash的Fallback Content等
看youa的源码发现的，原来flash可以有fallback content：<object type="applicati
SQL Server数据库优化经验总结
优化数据库的注意事项：1、关键字段建立索引。2、使用存储过程，它使SQL变得更加灵活和高效。3、备份数据库和清除垃圾数据。4、SQL语句语法
说说CSS Hack 和向后兼容
人一旦习惯了某些东西就很难去改，以及各种各样的原因，新的浏览器越来越多，而老的总淘汰不了。增长总是快于消亡导致了浏览器兼容是成了谈不完的话题
详解php如何合并身份证正反面图片为一张图片
要将身份证的正反面图片合并为一张图片，你可以使用PHP的GD库来完成。演示了如何合并两张图片下面是一个示例代码，演示了如何合并两张图片：//
asp + oracle 分页方法
代码如下：'其中注释中有 ###的需要用户设置 '其中注释中有参数传递 ** 的说明要通过参数传递。'定义变量
逐步讲解向Access数据库上传且显示图片
本文从多个角度来讲解如何在Access数据库上如何上传并且显示上所上传图片。在 * 站制做过程中，需要上传图片、显示图片，上传的图片要能够保
注册表单之电子邮箱
很多网站在注册时除了需要用户填写用户名与密码之外，还会要求用户输入邮箱，而且是属于那种不填写就不能完成注册的强制型的。碰到这种情况的时候，一
MySQL中delimiter的作用
示例：mysql> DELIMITER //mysql> CREATE PROCEDURE `statis`()
区别Javascript中的Null与Undefined
在JavaScript中存在这样两种原始类型:Null与Undefined。这两种类型常常会使JavaScript的开发人员产生疑惑，在什么
ASP申请单动态添加实现方法及代码
一个申请单可以包含N个项目，添加申请单时就需要动态加入代码了。动态Table表格 <table border="0&quo
asp 判断是否为搜索引擎蜘蛛的代码
代码如下:<％ function GetBot() '查询蜘蛛 dim s_
讲解设计应用程序时避免阻塞的八个准则
当来自应用程序的第一个连接控制锁而第二个连接需要相冲突的锁类型时，将发生阻塞。其结果是强制第二个连接等待，而在第一个连接上阻塞。不管是来自同
Sql Server 2005数据库被标记为“可疑”问题
问题背景：日常对Sql Server 2005关系数据库进行操作时，有时对数据库（如：Sharepoint网站配置数据库名Sharepoin

jquery中文手册上的一点错误--说说p标签失去焦点

JavaScript解决Joseph问题

正则表达式学习笔记

JavaScript入门学习书籍的阶段选择

window.location.hash属性介绍

JavaScript中尽量用局部变量的原因[译]

JScript下Array对象的性能问题

javascript开发经验谈

javascript 跨浏览器的事件系统

谷歌浏览器Chrome的javascript引擎

入门：图文讲解Photoshop曲线的用法

asp 防盗链代码(彻底屏蔽迅雷，旋风，快车下载站内资源)

5个css+div导航菜单

两个非常规ASP木马(可躲过扫描)

ASP在线升级类文件源码

你是真正的用户体验设计者吗? Ⅵ

简评：JavaScript将成Silverlight的最大对手？

网络安全教程:抵御远程访问的入侵

在MySQL数据库中如何来复位根用户的密码

Ext.js源码研读总结

手机版 网络编程 asp之家 www.aspxhome.com