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 相关文章推荐
你必须知道的JavaScript 变量命名规则详解
May 07 Javascript
jQuery中ajax的load()方法用法实例
Dec 26 Javascript
JavaScript Sort 的一个错误用法示例
Mar 20 Javascript
javascript与Python快速排序实例对比
Aug 10 Javascript
javascript中的隐式调用
Feb 10 Javascript
vue translate peoject实现在线翻译功能【新手必看】
Jun 07 Javascript
vue2.0移动端滑动事件vue-touch的实例代码
Nov 27 Javascript
Vue拖拽组件列表实现动态页面配置功能
Jun 17 Javascript
如何使用webpack打包一个库library的方法步骤
Dec 18 Javascript
JavaScript中的this基本问题实例小结
Mar 09 Javascript
js实现简单的贪吃蛇游戏
Apr 23 Javascript
TypeScript魔法堂之枚举的超实用手册
Oct 29 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主从数据库状态检测功能示例
2017/07/20 PHP
php-app开发接口加密详解
2018/04/18 PHP
php转换上传word文件为PDF的方法【基于COM组件】
2019/06/10 PHP
SyntaxHighlighter代码加色使用方法
2008/09/07 Javascript
javascript new 需不需要继续使用
2009/07/02 Javascript
js实时监听文本框状态的方法
2011/04/26 Javascript
使用jQuery实现的网页版的个人简历(可换肤)
2013/04/19 Javascript
jQuery中prepend()方法用法实例
2014/12/25 Javascript
css如何让浮动元素水平居中
2015/08/07 Javascript
JS截取字符串实例详解
2015/11/24 Javascript
Boostrap基础教程之JavaScript插件篇
2016/09/08 Javascript
Js判断H5上下滑动方向及滑动到顶部和底部判断的示例代码
2017/11/15 Javascript
Vue中Quill富文本编辑器的使用教程
2018/09/21 Javascript
用npm安装vue和vue-cli,并使用webpack创建项目的方法
2018/09/28 Javascript
手把手教你使用TypeScript开发Node.js应用
2019/05/06 Javascript
vue将后台数据时间戳转换成日期格式
2019/07/31 Javascript
写了个监控nginx进程的Python脚本
2012/05/10 Python
Python深入学习之装饰器
2014/08/31 Python
解读Python中degrees()方法的使用
2015/05/18 Python
详解Python中heapq模块的用法
2016/06/28 Python
PyQt5每天必学之组合框
2018/04/20 Python
python 调用pyautogui 实时获取鼠标的位置、移动鼠标的方法
2019/08/27 Python
使用Keras画神经网络准确性图教程
2020/06/15 Python
python实现PDF中表格转化为Excel的方法
2020/06/16 Python
美国知名玩具品牌:Melissa & Doug
2016/08/16 全球购物
英国50岁以上人群的交友网站:Ourtime
2018/03/28 全球购物
世界上最大的在线汽车租赁预订平台:Rentalcars.com(支持中文)
2018/10/12 全球购物
有影响力的人、名人和艺术家的官方商品:Represent
2019/11/26 全球购物
记帐员岗位责任制
2014/02/08 职场文书
送餐员岗位职责范本
2014/02/21 职场文书
2014年团员学习十八大思想汇报
2014/09/13 职场文书
期中考试后的感想
2015/08/07 职场文书
小学班主任工作经验交流材料
2015/11/02 职场文书
总结Python使用过程中的bug
2021/06/18 Python
Javascript使用integrity属性进行安全验证
2021/11/07 Javascript
详细聊一聊mysql的树形结构存储以及查询
2022/04/05 MySQL