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 相关文章推荐
js获取url参数的使用扩展实例
Dec 29 Javascript
javascript 正则替换 replace(regExp, function)用法
May 22 Javascript
Javascript下判断是否为闰年的Datetime包
Oct 26 Javascript
js 弹出框 替代浏览器的弹出框
Oct 29 Javascript
jquery判断RadioButtonList和RadioButton中是否有选中项示例
Sep 29 Javascript
JS与C#编码解码
Dec 03 Javascript
js获取当前地址 JS获取当前URL的示例代码
Feb 26 Javascript
JS二维数组的定义说明
Mar 03 Javascript
JavaScript实现按照指定长度为数字前面补零输出的方法
Mar 19 Javascript
原生javascript实现自动更新的时间日期
Feb 12 Javascript
react.js CMS 删除功能的实现方法
Apr 17 Javascript
WebPack工具运行原理及入门教程
Dec 02 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操作文件类的函数代码(文件和文件夹创建,复制,移动和删除)
2011/11/10 PHP
PHP5.5安装PHPRedis扩展及连接测试方法
2017/01/22 PHP
PHP 计算两个特别大的整数实例代码
2018/05/07 PHP
php实现QQ小程序发送模板消息功能
2019/09/18 PHP
laravel框架中路由设置,路由参数和路由命名实例分析
2019/11/23 PHP
PHP程序员必须知道的两种日志实例分析
2020/05/14 PHP
国外Lightbox v2.03.3 最新版 下载
2007/10/17 Javascript
详解Webwork中Action 调用的方法
2016/02/02 Javascript
vue数据双向绑定的注意点
2017/06/23 Javascript
webpack实现热更新(实施同步刷新)
2017/07/28 Javascript
Angular4实现鼠标悬停3d倾斜效果
2017/10/25 Javascript
使用vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录)功能
2018/03/22 Javascript
详解Angular6.0使用路由步骤(共7步)
2018/06/29 Javascript
angular中子控制器向父控制器传值的实例
2018/10/08 Javascript
开源一个微信小程序仪表盘组件过程解析
2019/07/30 Javascript
python BeautifulSoup使用方法详解
2013/11/21 Python
python实现进程间通信简单实例
2014/07/23 Python
Python列表(list)、字典(dict)、字符串(string)基本操作小结
2014/11/28 Python
Python爬取qq music中的音乐url及批量下载
2017/03/23 Python
python 实时得到cpu和内存的使用情况方法
2018/06/11 Python
python字符串常用方法
2018/06/14 Python
python 从csv读数据到mysql的实例
2018/06/21 Python
使用Python批量修改文件名的代码实例
2019/01/24 Python
Python短信轰炸的代码
2020/03/25 Python
pycharm专业版远程登录服务器的详细教程
2020/09/15 Python
基于django和dropzone.js实现上传文件
2020/11/24 Python
CSS实现雨滴动画效果的实例代码
2019/10/08 HTML / CSS
HTML5: Web 标准最巨大的飞跃
2008/10/17 HTML / CSS
承诺书范文
2014/06/03 职场文书
2015元旦标语横幅
2014/12/09 职场文书
离婚协议书范文2014(夫妻感情破裂)
2014/12/14 职场文书
部门经理助理岗位职责
2015/04/13 职场文书
python 批量压缩图片的脚本
2021/06/02 Python
深入理解Pytorch微调torchvision模型
2021/11/11 Python
MySQL数据库简介与基本操作
2022/05/30 MySQL
JS实现简单的九宫格抽奖
2022/06/28 Javascript