javascript判断单选框或复选框是否选中方法集锦


Posted in Javascript onApril 04, 2007

提示:getEmementsByName方法的作用是根据 NAME 标签属性的值获取对象的集合。
样例一<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>判断单选框或复选框是否选中</title>
</head>

<body>
<input name="radio1" type="radio" value="test">
<button  onClick="alert('单选项'+(document.getElementsByName('radio1')[0].checked? '':'没有')+'选中')">测试</button><br>
<input name="radio1" type="radio" value="test">
<button onClick="alert('单选项'+(document.getElementsByName('radio1')[1].checked?'':'没有')+'选中')">测试</button><br>

<input name="checkbox1" type="checkbox" value="test">
<button onClick="alert('多选项'+(document.getElementsByName('checkbox1')[0]. checked?'':'没有')+'选中')">测试</button><br>
<input name="checkbox1" type="checkbox" value="test">
<button onClick="alert('多选项'+(document.getElementsByName('checkbox1')[1].checked?'':'没有')+'选中')">测试</button>

 提示:getEmementsByName方法的作用是根据 NAME 标签属性的值获取对象的集合。
</body>
</html>  
样例二:

<form name="myform" action="" method="" onsubmit="return check()">
<input type="radio" name="picno" value="1">
<input type="radio" name="picno" value="2">
<input type="radio" name="picno" value="3">
<input type="submit" value="Submit">
</form>
<script language="JavaScript">...
function check()...{
    var flag=0
    for(i=0;i<myform.picno.length;i++)
    if(myform.picno[i].checked==true)...{
        flag=1
        break
    }
    if(!flag)...{
        alert("请先选择更换图片的位置")
        return false
    }
}
</script>

Javascript 相关文章推荐
Jquery中dialog属性小记
Sep 03 Javascript
jQuery1.3.2 升级到jQuery1.4.4需要修改的地方
Jan 06 Javascript
js 立即调用的函数表达式如何写
Jan 12 Javascript
JavaScript数据类型详解
Apr 01 Javascript
jquery 将当前时间转换成yyyymmdd格式的实现方法
Jun 01 Javascript
Javascript基础_标记文字的实现方法
Jun 14 Javascript
Angular2 自定义validators的实现方法
Jul 05 Javascript
bootstrap table支持高度百分比的实例代码
Feb 28 Javascript
JS实现的Object数组去重功能示例【数组成员为Object对象】
Feb 01 Javascript
微信小程序 腾讯地图SDK 获取当前地址实现解析
Aug 12 Javascript
微信小程序获取复选框全选反选选中的值(实例代码)
Dec 17 Javascript
js实现自定义右键菜单
May 18 Javascript
javascript中巧用“闭包”实现程序的暂停执行功能
Apr 04 #Javascript
ArrayList类(增强版)
Apr 04 #Javascript
Javascript中的数学函数
Apr 04 #Javascript
Some tips of wmi scripting in jscript (1)
Apr 03 #Javascript
记录几个javascript有关的小细节
Apr 02 #Javascript
新浪刚打开页面出来的全屏广告代码
Apr 02 #Javascript
js prototype 格式化数字 By shawl.qiu
Apr 02 #Javascript
You might like
php生成缩略图的类代码
2008/10/02 PHP
php递归使用示例(php递归函数)
2014/02/14 PHP
ThinkPHP中的常用查询语言汇总
2014/08/22 PHP
PHP常见漏洞攻击分析
2016/02/21 PHP
PHP入门教程之表单与验证实例详解
2016/09/11 PHP
PHP实现将几张照片拼接到一起的合成图片功能【便于整体打印输出】
2017/11/14 PHP
HTTP状态代码以及定义(解释)
2007/02/02 Javascript
通过一段代码简单说js中的this的使用
2013/07/23 Javascript
jQuery 无限级菜单的简单实例
2014/02/21 Javascript
浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异
2014/11/12 Javascript
JavaScript中使用Object.prototype.toString判断是否为数组
2015/04/01 Javascript
开启Javascript中apply、call、bind的用法之旅模式
2015/10/28 Javascript
深入剖析JavaScript中的函数currying柯里化
2016/04/29 Javascript
Backbone中View之间传值的学习心得
2016/08/09 Javascript
如何检测JavaScript中的死循环示例详解
2020/08/30 Javascript
[01:24]DOTA2上海特锦赛OG战队抵达 专车接机入驻总统套房
2016/02/23 DOTA
[47:03]完美世界DOTA2联赛PWL S3 Galaxy Racer vs Phoenix 第二场 12.10
2020/12/13 DOTA
Python虚拟环境Virtualenv使用教程
2015/05/18 Python
Python制作爬虫抓取美女图
2016/01/20 Python
pandas 取出表中一列数据所有的值并转换为array类型的方法
2018/04/11 Python
python+splinter实现12306网站刷票并自动购票流程
2018/09/25 Python
对Python3 序列解包详解
2019/02/16 Python
python网络爬虫 Scrapy中selenium用法详解
2019/09/28 Python
TensorFlow 输出checkpoint 中的变量名与变量值方式
2020/02/11 Python
解决python 在for循环并且pop数组的时候会跳过某些元素的问题
2020/12/11 Python
城市观光通行证:The Sightseeing Pass
2018/04/28 全球购物
企业晚会策划方案
2014/05/29 职场文书
文艺晚会策划方案
2014/06/11 职场文书
说好普通话圆梦你我他演讲稿
2014/09/21 职场文书
中学生旷课检讨书500字
2014/10/29 职场文书
赔偿协议书怎么写
2015/01/28 职场文书
作弊检讨书范文
2015/05/06 职场文书
我的中国梦心得体会范文
2016/01/05 职场文书
Python实现打乒乓小游戏
2021/09/25 Python
vue 数字翻牌器动态加载数据
2022/04/20 Vue.js
HTML5中的DOCUMENT.VISIBILITYSTATE属性详解
2023/05/07 HTML / CSS