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 ui 1.7 ui.tabs 动态添加与关闭(按钮关闭+双击关闭)
Apr 01 Javascript
javascript中用星号表示预录入内容的实现代码
Jan 08 Javascript
js,jQuery 排序的实现代码,网页标签排序的实现,标签排序
Apr 27 Javascript
JQuery对checkbox操作 (循环获取)
May 20 Javascript
解释&amp;&amp;和||在javascript中的另类用法
Jul 28 Javascript
jquery实现的动态回到顶部特效代码
Oct 28 Javascript
AngularJS实现全选反选功能
Dec 08 Javascript
jQuery图片加载显示loading效果
Nov 04 Javascript
JS 拦截全局ajax请求实例解析
Nov 29 Javascript
JavaScript选取(picking)和反选(rejecting)对象的属性方法
Aug 16 Javascript
Vue.js 中的 v-show 指令及用法详解
Nov 19 Javascript
vue elementUI table 自定义表头和行合并的实例代码
May 22 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中数据类型转换的三种方式
2015/04/02 PHP
php session实现多级目录存放实现代码
2016/02/03 PHP
thinkphp5.1框架实现格式化mysql时间戳为日期的方式小结
2019/10/10 PHP
CSS中一些@规则的用法小结
2021/03/09 HTML / CSS
JavaScript高级程序设计(第3版)学习笔记6 初识js对象
2012/10/11 Javascript
jquery遍历数组与筛选数组的方法
2013/11/05 Javascript
js如何调用qq互联api实现第三方登录
2014/03/28 Javascript
jQuery实现提示密码强度的代码
2015/07/15 Javascript
jQuery实现类似老虎机滚动抽奖效果
2015/08/06 Javascript
Angularjs使用directive自定义指令实现attribute继承的方法详解
2016/08/05 Javascript
Google 地图事件实例讲解
2016/08/06 Javascript
理解Koa2中的async&amp;await的用法
2018/02/05 Javascript
基于打包工具Webpack进行项目开发实例
2018/05/29 Javascript
详解vue 不同环境配置不同的打包命令
2019/04/07 Javascript
少女风vue组件库的制作全过程
2019/05/15 Javascript
微信小程序如何实现五星评价功能
2019/10/15 Javascript
JS Array.from()将伪数组转换成数组的方法示例
2020/03/23 Javascript
解决vant title-active-color与title-inactive-color不生效问题
2020/11/03 Javascript
[03:20]2015国际邀请赛全明星表演赛
2015/08/08 DOTA
Python中装饰器兼容加括号和不加括号的写法详解
2017/07/05 Python
Python高级用法总结
2018/05/26 Python
Python pyinotify模块实现对文档的实时监控功能方法
2018/10/13 Python
Python3将ipa包中的文件按大小排序
2020/04/17 Python
Python爬虫之Selenium中frame/iframe表单嵌套页面
2020/12/04 Python
瑞典灯具和照明网上商店:Lamp24.se
2018/03/17 全球购物
Linux如何命名文件--使用文件名时应注意
2012/01/22 面试题
电大学习个人自我评价范文
2013/10/04 职场文书
教师考核评语
2014/04/28 职场文书
老公给老婆的保证书
2014/04/28 职场文书
作风整顿剖析材料
2014/09/30 职场文书
裁员通知
2015/04/25 职场文书
2015年青年志愿者协会工作总结
2015/04/27 职场文书
2015年信息宣传工作总结
2015/05/26 职场文书
mysql对于模糊查询like的一些汇总
2021/05/09 MySQL
tensorboard 可视化之localhost:6006不显示的解决方案
2021/05/22 Python
MySQL优化常用的19种有效方法(推荐!)
2022/03/17 MySQL