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 相关文章推荐
sina的lightbox效果。
Jan 09 Javascript
Extjs中DisplayField的日期或者数字格式化扩展
Sep 03 Javascript
jQuery 版元素拖拽原型代码
Apr 25 Javascript
使用JavaScript实现Java的List功能(实例讲解)
Nov 07 Javascript
详解JS函数重载
Dec 04 Javascript
javascript中if和switch,==和===详解
Jul 30 Javascript
JavaScript的字符串方法汇总
Jul 31 Javascript
JavaScript 继承详解(五)
Oct 11 Javascript
微信小程序实现滴滴导航tab切换效果
Jul 24 Javascript
Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题
Apr 16 Javascript
微信小程序如何再次获取用户授权的方法
May 10 Javascript
详解vue 组件注册
Nov 20 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 的ArrayAccess接口 像数组一样来访问你的PHP对象
2010/10/12 PHP
php获取客户端电脑屏幕参数的方法
2015/01/09 PHP
php设计模式之单例模式实例分析
2015/02/25 PHP
yii去掉必填项中星号的方法
2015/12/28 PHP
PHP经典实用正则表达式小结
2017/05/04 PHP
提高 DHTML 页面性能
2006/12/25 Javascript
ext form 表单提交数据的方法小结
2008/08/08 Javascript
jquery实现的一个导航滚动效果具体代码
2013/05/27 Javascript
购物车选中得到价格实现示例
2014/01/26 Javascript
VC调用javascript的几种方法(推荐)
2016/08/09 Javascript
用headjs来管理和加载js 提高网站加载速度
2016/11/29 Javascript
jquery实现数字输入框
2017/02/22 Javascript
基于JS实现仿百度百家主页的轮播图效果
2017/03/06 Javascript
vue2的todolist入门小项目的详细解析
2017/05/11 Javascript
运用jQuery写的验证表单(实例讲解)
2017/07/06 jQuery
AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能示例
2018/04/21 Javascript
利用Decorator如何控制Koa路由详解
2018/06/26 Javascript
jQuery位置选择器用法实例分析
2019/06/28 jQuery
vue实现分页的三种效果
2020/06/23 Javascript
python批量下载图片的三种方法
2013/04/22 Python
pyramid配置session的方法教程
2013/11/27 Python
Python解析xml中dom元素的方法
2015/03/12 Python
Python中使用bidict模块双向字典结构的奇技淫巧
2016/07/12 Python
python opencv 实现对图像边缘扩充
2020/01/19 Python
Python sys模块常用方法解析
2020/02/20 Python
Python数组拼接np.concatenate实现过程
2020/04/18 Python
python七种方法判断字符串是否包含子串
2020/08/18 Python
中国高端家电购物商城:顺电
2018/03/04 全球购物
创意广告词
2014/03/17 职场文书
2014年化工厂工作总结
2014/11/25 职场文书
2014公司年终工作总结
2014/12/19 职场文书
公司开除员工通知
2015/04/22 职场文书
毕业论文致谢怎么写
2015/05/14 职场文书
改进工作作风心得体会
2016/01/23 职场文书
给原生html中添加水印遮罩层的实现示例
2021/04/02 Javascript
《Estab Life》4月6日播出 正式PV、主视觉图公开
2022/03/20 日漫