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 相关文章推荐
DOMAssitant最新版 DOMAssistant 2.5发布
Dec 25 Javascript
jquery getScript动态加载JS方法改进详解
Nov 15 Javascript
js获取html参数及向swf传递参数应用介绍
Feb 18 Javascript
6款新颖的jQuery和CSS3进度条插件推荐
Mar 05 Javascript
兼容FF和IE的动态table示例自写
Oct 21 Javascript
JavaScript中this关键词的使用技巧、工作原理以及注意事项
May 20 Javascript
jQuery中prepend()方法用法实例
Dec 25 Javascript
javascript基础知识之html5轮播图实例讲解(44)
Feb 17 Javascript
JS实现头条新闻的经典轮播图效果示例
Jan 30 Javascript
利用原生JavaScript实现造日历轮子实例代码
May 08 Javascript
layui table 表格模板按钮的实例代码
Sep 21 Javascript
Element图表初始大小及窗口自适应实现
Jul 10 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/03/27 PHP
php setcookie函数的参数说明及其用法
2014/04/20 PHP
jquery1.4后 jqDrag 拖动 不可用
2010/02/06 Javascript
jQuery操作Select的Option上下移动及移除添加等等
2013/11/18 Javascript
js获取指定的cookie的具体实现
2014/02/20 Javascript
JS创建对象几种不同方法详解
2016/03/01 Javascript
基于JS如何实现给字符加千分符(65,541,694,158)
2016/08/03 Javascript
angularjs 获取默认选中的单选按钮的value方法
2018/02/28 Javascript
深入Vue-Router路由嵌套理解
2018/08/13 Javascript
JavaScript遍历DOM元素的常见方式示例
2019/02/16 Javascript
Vue实现固定定位图标滑动隐藏效果
2019/05/30 Javascript
解决vue组件props传值对象获取不到的问题
2019/06/06 Javascript
微信小程序实现左侧滑动导航栏
2020/04/08 Javascript
webgl实现物体描边效果的方法介绍
2019/11/27 Javascript
详解JavaScript作用域 闭包
2020/07/29 Javascript
python中常用检测字符串相关函数汇总
2015/04/15 Python
windows系统下Python环境搭建教程
2017/03/28 Python
Pandas GroupBy对象 索引与迭代方法
2018/11/16 Python
python日志logging模块使用方法分析
2019/05/23 Python
python暴力解压rar加密文件过程详解
2019/07/05 Python
pytorch: Parameter 的数据结构实例
2019/12/31 Python
django rest framework serializers序列化实例
2020/05/13 Python
h5页面唤起app如果没安装就跳转下载(iOS和Android)
2020/06/03 HTML / CSS
简约控的天堂:The Undone
2016/12/21 全球购物
武汉世纪畅想数字传播有限公司 .NET笔试题
2015/06/13 面试题
北京振戎融通Java面试题
2015/09/03 面试题
电子商务专业求职信
2014/03/08 职场文书
质量月活动策划方案
2014/03/10 职场文书
2015年乡镇扶贫工作总结
2015/04/08 职场文书
销售口号霸气押韵
2015/12/24 职场文书
90条交通安全宣传标语
2019/10/12 职场文书
nginx实现发布静态资源的方法
2021/03/31 Servers
Python进阶学习之带你探寻Python类的鼻祖-元类
2021/05/08 Python
mysql事务隔离级别详情
2021/10/24 MySQL
开机音效回归! Windows 11重新引入开机铃声
2021/11/21 数码科技
Win11电源已接通但未充电怎么办?Win11电源已接通未充电的解决方法
2022/04/05 数码科技