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实现计算两个日期的间隔天数
Aug 14 Javascript
js 匿名调用实现代码
Jun 19 Javascript
Mootools 1.2教程 输入过滤第二部分(字符串)
Sep 15 Javascript
如何在父窗口中得知window.open()出的子窗口关闭事件
Oct 15 Javascript
动态的创建一个元素createElement及删除一个元素
Jan 24 Javascript
JS html时钟制作代码分享
Mar 03 Javascript
Ionic3实现图片瀑布流布局
Aug 09 Javascript
JavaScript动态加载重复绑定问题
Apr 01 Javascript
微信小程序代码上传、审核发布小程序
May 18 Javascript
后台使用freeMarker和前端使用vue的方法及遇到的问题
Jun 13 Javascript
微信小程序授权登陆及每次检查是否授权实例代码
Sep 18 Javascript
AntV F2和vue-cli构建移动端可视化视图过程详解
Oct 08 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查询域名状态whois的类
2006/11/25 PHP
一周学会PHP(视频)Http下载
2006/12/12 PHP
从PHP的源码中深入了解stdClass类
2014/04/18 PHP
实例讲解PHP面向对象之多态
2014/08/20 PHP
PHP执行普通shell命令流程解析
2020/08/24 PHP
Javascript - HTML的request类
2007/01/09 Javascript
jquery ajax提交表单数据的两种实现方法
2010/04/29 Javascript
仿当当网淘宝网等主流电子商务网站商品分类导航菜单
2013/09/25 Javascript
整理Javascript函数学习笔记
2015/12/01 Javascript
详解VueJs前后端分离跨域问题
2017/05/24 Javascript
JavaScript 中调用 Kotlin 方法实例详解
2017/06/09 Javascript
JavaScript实现计算多边形质心的方法示例
2018/01/31 Javascript
vue实现文件上传功能
2018/08/13 Javascript
vue通过滚动行为实现从列表到详情,返回列表原位置的方法
2018/08/31 Javascript
小程序实现选择题选择效果
2018/11/04 Javascript
vue控制多行文字展开收起的实现示例
2019/10/11 Javascript
Vue 防止短时间内连续点击后多次触发请求的操作
2020/11/11 Javascript
[13:39]2014 DOTA2华西杯精英邀请赛 5 25 NewBee VS DK第一场
2014/05/26 DOTA
深入理解python多进程编程
2016/06/12 Python
Ruby元编程基础学习笔记整理
2016/07/02 Python
python随机数分布random测试
2018/08/27 Python
Python wxPython库使用wx.ListBox创建列表框示例
2018/09/03 Python
python判断数字是否是超级素数幂
2018/09/27 Python
PyQt Qt Designer工具的布局管理详解
2019/08/07 Python
python 检测图片是否有马赛克
2020/12/01 Python
Python字符串对齐、删除字符串不需要的内容以及格式化打印字符
2021/01/23 Python
REISS英国官网:伦敦High Street最受欢迎品牌
2016/12/21 全球购物
美国紧身牛仔裤品牌:NYDJ
2017/05/24 全球购物
Missguided美国官网:英国时尚品牌
2018/01/18 全球购物
基层干部2014全国两会学习心得体会
2014/03/10 职场文书
《跟踪台风的卫星》教学反思
2014/04/10 职场文书
会员活动策划方案
2014/08/19 职场文书
乡镇个人对照检查材料
2014/08/22 职场文书
贯彻落实“八项规定”思想汇报
2014/09/13 职场文书
上级领导检查欢迎词
2015/09/30 职场文书
Python实现滑雪小游戏
2021/09/25 Python