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 相关文章推荐
js实现用户注册协议倒计时的方法
Jan 21 Javascript
JS+CSS实现感应鼠标渐变显示DIV层的方法
Feb 20 Javascript
jQuery 遍历函数详解
Jul 05 Javascript
js实现搜索框关键字智能匹配代码
Mar 26 Javascript
jQuery深拷贝Json对象简单示例
Jul 06 Javascript
DropDownList控件绑定数据源的三种方法
Dec 24 Javascript
vue-router实现组件间的跳转(参数传递)
Nov 07 Javascript
解决vue build打包之后首页白屏的问题
Mar 06 Javascript
node.js读取Excel数据(下载图片)的方法示例
Aug 02 Javascript
Vue中用props给data赋初始值遇到的问题解决
Nov 27 Javascript
通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法
Aug 24 Javascript
在vue中实现某一些路由页面隐藏导航栏的功能操作
Sep 21 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冒泡排序算法代码详细解读
2011/07/17 PHP
PHP调用存储过程返回值不一致问题的解决方法分析
2016/04/26 PHP
利用PHP命令行模式采集股票趋势信息
2016/08/09 PHP
JS解密入门之凭直觉解
2008/06/25 Javascript
老鱼 浅谈javascript面向对象编程
2010/03/04 Javascript
基于jquery跨浏览器显示的file上传控件
2011/10/24 Javascript
xml转json的js代码
2012/08/28 Javascript
JS判断页面加载状态以及添加遮罩和缓冲动画的代码
2012/10/11 Javascript
Javascript 加载和执行-性能提高篇
2012/12/28 Javascript
js实现div层缓慢收缩与展开的方法
2015/05/11 Javascript
jquery表格datatables实例解析 直接加载和延迟加载
2016/08/12 Javascript
jQuery实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】
2016/09/04 Javascript
漂亮实用的页面loading(加载)封装代码
2017/02/03 Javascript
Vue底层实现原理总结
2018/02/17 Javascript
node内置调试方法总结
2018/02/22 Javascript
node跨域转发 express+http-proxy-middleware的使用
2018/05/31 Javascript
Vue开发之封装分页组件与使用示例
2019/04/25 Javascript
js HTML DOM EventListener功能与用法实例分析
2020/04/27 Javascript
react PropTypes校验传递的值操作示例
2020/04/28 Javascript
Python中如何获取类属性的列表
2016/12/26 Python
Python中你应该知道的一些内置函数
2017/03/31 Python
django解决跨域请求的问题
2018/11/11 Python
python监测当前联网状态并连接的实例
2018/12/18 Python
Django 中间键和上下文处理器的使用
2019/03/17 Python
关于Python Tkinter Button控件command传参问题的解决方式
2020/03/04 Python
css3实现超炫风车特效
2014/11/12 HTML / CSS
英国山地公路自行车商店:Tweeks Cycles
2018/03/16 全球购物
美国汽车零部件和配件网站:CarParts
2019/03/13 全球购物
入团者的自我评价分享
2013/12/02 职场文书
金融事务专业毕业生求职信
2014/02/23 职场文书
调研座谈会发言材料
2014/08/23 职场文书
党委书记个人检查对照材料思想汇报
2014/10/11 职场文书
2014小学年度工作总结
2014/12/20 职场文书
《圆的周长》教学反思
2016/02/17 职场文书
Java实现二分搜索树的示例代码
2022/03/17 Java/Android
windows系统搭建WEB服务器详细教程
2022/08/05 Servers