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 编码转换 gb2312 和 utf8 互转的2种方法
Aug 07 Javascript
jquery submit ie6下失效的原因分析及解决方法
Nov 15 Javascript
Jquery getJSON方法详细分析
Dec 26 Javascript
jQuery语法小结(超实用)
Dec 31 Javascript
原生JavaScript实现动态省市县三级联动下拉框菜单实例代码
Feb 03 Javascript
利用js的闭包原理做对象封装及调用方法
Apr 07 Javascript
详解angularjs获取元素以及angular.element()用法
Jul 25 Javascript
JavaScript基础心法 深浅拷贝(浅拷贝和深拷贝)
Mar 05 Javascript
微信小程序上传图片到php服务器的方法
May 23 Javascript
vue-cli点击实现全屏功能
Mar 07 Javascript
vue flex 布局实现div均分自动换行的示例代码
Aug 05 Javascript
Vue 数据响应式相关总结
Jan 28 Vue.js
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获取post中的json数据的实现方法
2011/06/08 PHP
不重新编译PHP为php增加openssl模块的方法
2011/06/14 PHP
php中计算未知长度的字符串哪个字符出现的次数最多的代码
2012/08/14 PHP
PHP Class&amp;Object -- 解析PHP实现二叉树
2013/06/25 PHP
浅析虚拟主机服务器php fsockopen函数被禁用的解决办法
2013/08/07 PHP
跨域请求之jQuery的ajax jsonp的使用解惑
2011/10/09 Javascript
推荐17个优美新鲜的jQuery的工具提示插件
2012/09/14 Javascript
node.js中的path.normalize方法使用说明
2014/12/08 Javascript
AngularJS中的过滤器使用详解
2015/06/16 Javascript
悬浮广告方法日常收集整理
2016/03/18 Javascript
Bootstrap Validator 表单验证
2016/07/25 Javascript
微信小程序 网络API Websocket详解
2016/11/09 Javascript
在一个页面重复使用一个js函数的方法详解
2016/12/26 Javascript
如何在vue项目中嵌入jsp页面的方法(2种)
2020/02/06 Javascript
Python3搜索及替换文件中文本的方法
2015/05/22 Python
Python计算字符宽度的方法
2016/06/14 Python
不同版本中Python matplotlib.pyplot.draw()界面绘制异常问题的解决
2017/09/24 Python
Python 使用with上下文实现计时功能
2018/03/09 Python
Python操作mongodb数据库的方法详解
2018/12/08 Python
python实现的MySQL增删改查操作实例小结
2018/12/19 Python
python plotly绘制直方图实例详解
2019/07/22 Python
Python 异步协程函数原理及实例详解
2019/11/13 Python
Python读取csv文件实例解析
2019/12/30 Python
使用OpenCV实现道路车辆计数的使用方法
2020/07/15 Python
html5中为audio标签增加停止按钮动作实现方法
2013/01/04 HTML / CSS
国际鲜花速递专家:Floraqueen
2016/11/24 全球购物
受外贸欢迎的美国主机:BlueHost
2017/05/16 全球购物
英国电子产品购物网站:TobyDeals
2018/07/30 全球购物
委托与事件是什么关系?为什么要使用委托
2014/04/18 面试题
工业自动化毕业生自荐信范文
2014/01/04 职场文书
幼儿园五一活动方案
2014/02/07 职场文书
手机银行营销方案
2014/03/14 职场文书
学习型家庭事迹材料
2014/12/20 职场文书
单位接收函范文
2015/01/30 职场文书
2016年小学生新年寄语
2015/08/18 职场文书
React配置子路由的实现
2021/06/03 Javascript