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 相关文章推荐
兼容多浏览器的字幕特效Marquee的通用js类
Jul 20 Javascript
Prototype中dom对象方法汇总
Sep 17 Javascript
TimergliderJS 一个基于jQuery的时间轴插件
Dec 07 Javascript
jquery处理json数据实例分析
Jun 03 Javascript
javascript实现的一个随机点名功能
Aug 26 Javascript
javascript中Number对象的toString()方法分析
Dec 20 Javascript
jQuery常用知识点总结以及平时封装常用函数
Feb 23 Javascript
JS创建对象几种不同方法详解
Mar 01 Javascript
jQuery在ie6下无法设置select选中的解决方法详解
Sep 20 Javascript
JavaScript执行环境及作用域链实例分析
Aug 01 Javascript
JavaScript实现的级联算法示例【省市二级联动功能】
Dec 25 Javascript
react 中父组件与子组件双向绑定问题
May 20 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 Mysql编程之高级技巧
2008/08/27 PHP
php下目前为目最全的CURL中文说明
2010/08/01 PHP
php截取指定2个字符之间字符串的方法
2015/04/15 PHP
yii的入口文件index.php中为什么会有这两句
2016/08/04 PHP
PHP中字符串长度的截取用法示例
2017/01/12 PHP
PHP简单实现解析xml为数组的方法
2018/05/02 PHP
php的无刷新操作实现方法分析
2020/02/28 PHP
JQuery 简便实现页面元素数据验证功能
2007/03/24 Javascript
扩展jquery实现客户端表格的分页、排序功能代码
2011/03/16 Javascript
html5 canvas js(数字时钟)实例代码
2013/12/23 Javascript
JavaScript的21条基本知识点
2014/03/04 Javascript
使用GruntJS构建Web程序之合并压缩篇
2014/06/06 Javascript
常用jQuery代码分享
2015/07/14 Javascript
jQuery实现简单的tab标签页效果
2016/09/12 Javascript
jquery 判断div show的状态实例
2016/12/03 Javascript
微信小程序 定位到当前城市实现实例代码
2017/02/23 Javascript
nodejs 子进程正确的打开方式
2017/07/03 NodeJs
基于nodejs+express4.X实现文件下载的实例代码
2017/07/13 NodeJs
mint-ui的search组件在键盘显示搜索按钮的实现方法
2017/10/27 Javascript
switchery按钮的使用方法
2017/12/18 Javascript
Layer弹出层动态获取数据的方法
2018/08/20 Javascript
JavaScript隐式类型转换代码实例
2020/05/29 Javascript
Python的爬虫程序编写框架Scrapy入门学习教程
2016/07/02 Python
Python简单获取自身外网IP的方法
2016/09/18 Python
python实现简易内存监控
2018/06/21 Python
PyTorch搭建多项式回归模型(三)
2019/05/22 Python
Python环境Pillow( PIL )图像处理工具使用解析
2019/09/12 Python
python求解汉诺塔游戏
2020/07/09 Python
微信小程序实现可实时改变转速的css3旋转动画实例代码
2018/09/11 HTML / CSS
科尔士百货公司官网:Kohl’s
2016/07/11 全球购物
在线课程:Skillshare
2019/04/02 全球购物
应届生新闻编辑求职信
2013/11/19 职场文书
企业员工培训感言
2014/02/26 职场文书
小班下学期评语
2014/05/04 职场文书
国家奖学金获奖感言
2014/08/16 职场文书
党员群众路线对照检查材料
2014/08/31 职场文书