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 相关文章推荐
[HTML/CSS/Javascript]WWTJS
Sep 25 Javascript
js调试工具 Javascript Debug Toolkit 2.0.0版本发布
Dec 02 Javascript
Javascript 验证上传图片大小[客户端]
Aug 01 Javascript
JQuery UI DatePicker中z-index默认为1的解决办法
Sep 28 Javascript
jQuery实现可编辑的表格实例讲解(2)
Sep 17 Javascript
AngularJS优雅的自定义指令
Jul 01 Javascript
深入理解vuex2.0 之 modules
Nov 20 Javascript
ReactNative之FlatList的具体使用方法
Nov 29 Javascript
JavaScript设计模式之代理模式实例分析
Jan 16 Javascript
js中arguments对象的深入理解
May 14 Javascript
解决layui富文本编辑器图片上传无法回显的问题
Sep 18 Javascript
vuex state中的数组变化监听实例
Nov 06 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
Phpbean路由转发的php代码
2008/01/10 PHP
getJSON跨域SyntaxError问题分析
2014/08/07 PHP
php通过Chianz.com获取IP地址与地区的方法
2015/01/14 PHP
学习php设计模式 php实现工厂模式(factory)
2015/12/07 PHP
利用ajax和PHP实现简单的流程管理
2017/03/23 PHP
javascript比较文档位置
2008/04/08 Javascript
Nodejs如何搭建Web服务器
2016/03/28 NodeJs
jQuery+HTML5+CSS3制作支持响应式布局时间轴插件
2016/08/10 Javascript
基于Datatables跳转到指定页的简单实例
2017/11/09 Javascript
详解Angular结合zTree异步加载节点数据
2018/01/20 Javascript
layui 优化button按钮和弹出框的方法
2018/08/15 Javascript
记一次vue去除#问题处理经过小结
2019/01/24 Javascript
layui checkbox默认选中,获取选中值,清空所有选中项的例子
2019/09/02 Javascript
vue项目实现多语言切换的思路
2020/09/17 Javascript
vue 里面的 $forceUpdate() 强制实例重新渲染操作
2020/09/21 Javascript
[03:06]3分钟带你回顾DOTA2完美盛典&完美大师赛
2017/12/06 DOTA
python实现简单socket程序在两台电脑之间传输消息的方法
2015/03/13 Python
进一步理解Python中的函数编程
2015/04/13 Python
Python守护进程用法实例分析
2015/06/04 Python
Python 'takes exactly 1 argument (2 given)' Python error
2016/12/13 Python
Python Queue模块详细介绍及实例
2016/12/27 Python
python 判断网络连通的实现方法
2018/04/22 Python
Python 图像对比度增强的几种方法(小结)
2019/09/25 Python
如何基于python测量代码运行时间
2019/12/25 Python
在win64上使用bypy进行百度网盘文件上传功能
2020/01/02 Python
Python基于requests库爬取网站信息
2020/03/02 Python
使用Python爬虫爬取小红书完完整整的全过程
2021/01/19 Python
基础的CSS3弹性盒Flexbox布局使用实例
2016/04/08 HTML / CSS
浅谈amaze-ui中datepicker和datetimepicker注意的几点
2020/08/21 HTML / CSS
日本民宿预约平台:STAY JAPAN
2017/07/01 全球购物
武汉高蓝德国际.net机试
2016/06/24 面试题
2015年党员干部承诺书
2015/01/21 职场文书
医疗纠纷调解协议书
2015/08/06 职场文书
公开致歉信
2019/06/24 职场文书
2019辞职报告范本3篇!
2019/07/23 职场文书
《狼王梦》读后感:可怜天下父母心
2019/11/01 职场文书