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高亮效果的二种实现方法
Sep 14 Javascript
js+html5获取用户地理位置信息并在Google地图上显示的方法
Jun 05 Javascript
关于input全选反选恶心的异常情况
Jul 24 Javascript
不间断循环滚动效果的实例代码(必看篇)
Oct 08 Javascript
Vue computed计算属性的使用方法
Jul 14 Javascript
Javascript别踩白块儿(钢琴块儿)小游戏实现代码
Jul 20 Javascript
利用vue组件自定义v-model实现一个Tab组件方法示例
Dec 06 Javascript
微信小程序实现多选功能
Nov 04 Javascript
Node.js 多线程完全指南总结
Mar 27 Javascript
微信小程序配置服务器提示验证token失败的解决方法
Apr 03 Javascript
Node.JS获取GET,POST数据之queryString模块使用方法详解
Feb 06 Javascript
vue任意关系组件通信与跨组件监听状态vue-communication
Oct 18 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的password_hash()使用实例
2014/03/17 PHP
几道坑人的PHP面试题 试试看看你会不会也中招
2014/08/19 PHP
php连接odbc数据源并保存与查询数据的方法
2014/12/24 PHP
laravel5.4生成验证码的实例讲解
2017/08/05 PHP
PDO::errorCode讲解
2019/01/28 PHP
使用js画图之圆、弧、扇形
2015/01/12 Javascript
js中split和replace的用法实例
2015/02/28 Javascript
JavaScript常用数组算法小结
2016/02/13 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(二)
2016/02/16 Javascript
深入理解jQuery之防止冒泡事件
2016/05/24 Javascript
JavaScript模块化之使用requireJS按需加载
2017/04/12 Javascript
JS利用cookies设置每隔24小时弹出框
2017/04/20 Javascript
前端图片懒加载(lazyload)的实现方法(提高用户体验)
2017/08/21 Javascript
Vue.js实现列表清单的操作方法
2017/11/15 Javascript
vue.js element-ui validate中代码不执行问题解决方法
2017/12/18 Javascript
Vue2 监听属性改变watch的实例代码
2018/08/27 Javascript
详解适配器在JavaScript中的体现
2018/09/28 Javascript
微信小程序五子棋游戏的悔棋实现方法【附demo源码下载】
2019/02/20 Javascript
Vuex新手的理解与使用详解
2019/05/31 Javascript
vue中监听路由参数的变化及方法
2019/12/06 Javascript
关于uniApp editor微信滑动问题
2021/01/15 Javascript
python with statement 进行文件操作指南
2014/08/22 Python
python3制作捧腹网段子页爬虫
2017/02/12 Python
Python时间戳使用和相互转换详解
2017/12/11 Python
微信跳一跳小游戏python脚本
2018/01/05 Python
Python 删除整个文本中的空格,并实现按行显示
2018/07/24 Python
详解Python装饰器
2019/03/25 Python
np.dot()函数的用法详解
2020/01/17 Python
JD Sports马来西亚:英国领先的运动鞋和运动服饰零售商
2018/03/13 全球购物
编写一个 C 函数,该函数在一个字符串中找到可能的最长的子字符串,且该字符串是由同一字符组成的
2015/07/23 面试题
英文简历自荐信范文
2013/12/11 职场文书
遗体告别仪式主持词
2014/03/20 职场文书
计算机专业自荐信
2015/03/05 职场文书
安全生产培训心得体会
2016/01/18 职场文书
《弟子规》读后感:知廉耻、明是非、懂荣辱、辨善恶
2019/12/03 职场文书
CSS list-style-type属性使用方法
2023/05/21 HTML / CSS