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 锁定弹出层实现代码
Feb 23 Javascript
JQuery的Validation插件中Remote验证的中文问题
Jul 26 Javascript
jquery使用$(element).is()来判断获取的tagName
Aug 24 Javascript
js获取滚动距离的方法
May 30 Javascript
js实现有过渡渐变效果的图片轮播相册(兼容IE,ff)
Jan 19 Javascript
angularjs ui-router中路由的二级嵌套
Mar 10 Javascript
ECMAScript6 新特性范例大全
Mar 24 Javascript
VueJs使用Amaze ui调整列表和内容页面
Nov 30 Javascript
vue 实现 ios 原生picker 效果及实现思路解析
Dec 06 Javascript
vue初尝试--项目结构(推荐)
Jan 30 Javascript
vue监听dom大小改变案例
Jul 29 Javascript
js实现盒子拖拽动画效果
Aug 09 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
一个程序下载的管理程序(一)
2006/10/09 PHP
php使用filter过滤器验证邮箱 ipv6地址 url验证
2013/12/25 PHP
php实现建立多层级目录的方法
2014/07/19 PHP
php定义一个参数带有默认值的函数实例分析
2015/03/16 PHP
php提交过来的数据生成为txt文件
2016/04/28 PHP
javascript firefox不显示本地预览图片问题的解决方法
2008/11/12 Javascript
客户端 使用XML DOM加载json数据的方法
2010/09/28 Javascript
JS通过相同的name进行表格求和代码
2013/08/18 Javascript
用html5 js实现点击一个按钮达到浏览器全屏效果
2014/05/28 Javascript
使用JavaScript制作一个简单的计数器的方法
2015/07/07 Javascript
基于javascript数组实现图片轮播
2016/05/02 Javascript
老生常谈 js中this的指向
2016/06/30 Javascript
javascript 中关于array的常用方法详解
2017/05/05 Javascript
jQuery实现获取form表单内容及绑定数据到form表单操作分析
2018/07/03 jQuery
RequireJS用法简单示例
2018/08/20 Javascript
Vue中使用canvas方法总结
2019/02/12 Javascript
vue-cli3访问public文件夹静态资源报错的解决方式
2020/09/02 Javascript
[02:27]《DAC最前线》之附加赛征程
2015/01/29 DOTA
[00:52]DOTA2国际邀请赛
2020/02/21 DOTA
python使用ctypes模块调用windowsapi获取系统版本示例
2014/04/17 Python
用Python写飞机大战游戏之pygame入门(4):获取鼠标的位置及运动
2015/11/05 Python
Flask的图形化管理界面搭建框架Flask-Admin的使用教程
2016/06/13 Python
Python中shutil模块的学习笔记教程
2017/04/04 Python
flask 使用 flask_apscheduler 做定时循环任务的实现
2019/12/10 Python
Django之腾讯云短信的实现
2020/06/12 Python
HTML5 Canvas的常用线条属性值总结
2016/03/17 HTML / CSS
Reebonz中国官网:新加坡奢侈品购物网站
2017/03/17 全球购物
科颜氏法国官网:Kiehl’s法国
2019/08/20 全球购物
安全资金保障制度
2014/01/23 职场文书
大学生未来职业生涯规划书
2014/02/15 职场文书
《雪地里的小画家》教学反思
2014/02/22 职场文书
《木笛》教学反思
2014/03/01 职场文书
四风问题自查自纠工作情况报告
2014/10/28 职场文书
自主招生自荐信格式范文
2015/03/25 职场文书
PostgreSQL通过oracle_fdw访问Oracle数据的实现步骤
2021/05/21 PostgreSQL
AJAX实现省市县三级联动效果
2021/10/16 Javascript