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基础知识大集锦(二) 推荐收藏
Jan 13 Javascript
addEventListener和attachEvent二者绑定的执行函数中的this不相同
Dec 09 Javascript
jQuery选择器全面总结
Jan 06 Javascript
jQuery学习笔记之jQuery原型属性和方法
Jun 09 Javascript
原生javascript实现的分页插件pagenav
Aug 28 Javascript
JQuery实现的购物车功能(可以减少或者添加商品并自动计算价格)
Jan 13 Javascript
jquery实现向下滑出的二级导航下滑菜单效果
Aug 25 Javascript
浅析JavaScript 箭头函数 generator Date JSON
May 23 Javascript
jQuery通用的全局遍历方法$.each()用法实例
Jul 04 Javascript
微信小程序 闭包写法详细介绍
Dec 14 Javascript
关于vue.js发布后路径引用的问题解决
Aug 15 Javascript
vue结合el-upload实现腾讯云视频上传功能
Jul 01 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 编写的日历
2006/10/09 PHP
文章推荐系统(三)
2006/10/09 PHP
php 随机记录mysql rand()造成CPU 100%的解决办法
2010/05/18 PHP
允许phpmyadmin空密码登录的配置方法
2011/05/29 PHP
CI(Codeigniter)的Setting增强配置类实例
2016/01/06 PHP
PHP实现批量检测网站是否能够正常打开的方法
2016/08/23 PHP
yii2项目实战之restful api授权验证详解
2017/05/20 PHP
PHP根据key删除数组中指定的元素
2019/02/28 PHP
PHP 实现缩略图
2021/03/09 PHP
JS input 数字验证代码
2009/07/30 Javascript
jQuery的运行机制和设计理念分析
2011/04/05 Javascript
用C/C++来实现 Node.js 的模块(一)
2014/09/24 Javascript
JQuery实现的图文自动轮播效果插件
2015/06/19 Javascript
Javascript编写俄罗斯方块思路及实例
2015/07/07 Javascript
JS实现超精简响应鼠标显示二级菜单代码
2015/09/12 Javascript
jQuery文字轮播特效
2017/02/12 Javascript
JS实现图片手风琴效果
2020/04/17 Javascript
electron demo项目npm install安装失败的解决方法
2018/02/06 Javascript
vue实现移动端轻量日期组件不依赖第三方库的方法
2019/04/28 Javascript
vue项目启动出现cannot GET /服务错误的解决方法
2020/04/26 Javascript
Python实现matplotlib显示中文的方法详解
2018/02/06 Python
numpy找出array中的最大值,最小值实例
2018/04/03 Python
TFRecord格式存储数据与队列读取实例
2020/01/21 Python
Python logging模块写入中文出现乱码
2020/05/21 Python
Python 如何在字符串中插入变量
2020/08/01 Python
CSS3 网页下拉菜单代码解释 中文翻译
2010/02/27 HTML / CSS
波兰补充商店:Muscle Power
2018/10/29 全球购物
如何查询Oracle数据库中已经创建的索引
2013/10/11 面试题
学生打架检讨书
2014/02/14 职场文书
小学教师个人先进事迹材料
2014/05/17 职场文书
2014年绩效考核工作总结
2014/12/11 职场文书
授权委托书
2015/01/28 职场文书
本科毕业答辩开场白
2015/05/27 职场文书
Python实现的扫码工具居然这么好用!
2021/06/07 Python
MySQL外键约束(FOREIGN KEY)案例讲解
2021/08/23 MySQL
前端与RabbitMQ实时消息推送未读消息小红点实现示例
2022/07/23 Java/Android