给radio添加点击事件
1.单独给每个radio添加点击事件
<fieldset id="form-gra-time">
<legend>请选择日期粒度：</legend>
<label>日
<input name="gra-time" value="day" type="radio" checked="checked">
</label>
<label>周
<input name="gra-time" value="week" type="radio">
</label>
<label>月
<input name="gra-time" value="month" type="radio">
</label>
</fieldset>
var radio=document.getElementsByName("gra-time");
for(var i=0;i<radio.length;i++){
if(radio[i].checked){
radio[i].addEventListener("click",clickFunction);
}
}
判断选中的radio的值，使用radio[i].value;
给每个radio绑定事件是不推荐的。
2.委托事件
var form_gra_time=document.getElementById("form-gra-time");
form_gra_time.addEventListener("click",function(e){
if(e.target.name=="gra-time"){
graTimeChange();
}
})
/*这里判断目标直接使用了target,如果需要跨浏览器的话可以写成var target=e.target||e.srcElement。同样的addEventListener也是不能直接用的
function addEventHandler(ele, event, hanlder) {
if (ele.addEventListener) {
ele.addEventListener(event, hanlder, false);
} else if (ele.attachEvent) {
ele.attachEvent("on"+event, hanlder);
} else {
ele["on" + event] = hanlder;
}
}
*/
function graTimeChange(){
/*判断选择的是哪个radio*/
for(var i=0;i<radio.length;i++){
if(radio[i].checked){
str=radio[i].value;
}
}
}
转载于:https://www.cnblogs.com/YangqinCao/p/5395608.html
给radio添加点击事件相关推荐
- RecylerView为item添加点击事件
RecyclerView侧重的是布局的灵活性,虽说可以替代ListView但是连基本的点击事件都没有,这篇文章就来详细讲解如何为RecyclerView的item添加点击事件. 1 原理: 为Recy ...
- 给View 添加手势，点击无反应 如何给View添加点击事件，手势方法
项目中有很多地方需要添加点击事件,重复代码很多,所以做了一个UIView的分类,专门做点击事件使用. 项目地址:UIView-Tap 代码很简单,主要有一点就是注意分类不能直接添加属性,需要用到运行时 ...
- iostext添加点击事件_iOS给UILabel添加点击事件
前言:笔者最近需要实现给UILabel中的链接添加点击事件的功能.使用so.com查了下,发现TTTAttributedLabel的封装程度比较好.整理了TTTAttributedLabel的基本使用 ...
- 【Qt】Qt 开发桌面程序 ( Qt 版本 5.14.2 | 编辑 Qt 桌面按钮控件 | 修改按钮文本 | 为按钮添加点击事件 | 系统调用 | 去掉系统调用命令窗口 )
文章目录 一.添加按钮控件 二.修改按钮文本 三.为按钮添加点击事件 ( 弹出对话框 ) 四.为按钮添加点击事件 ( 打开记事本 ) 五.为按钮添加点击事件 ( 打开计算器 ) 六.去掉系统调用时弹出 ...
- 【Visual Studio 2019】创建 MFC 桌面程序 ( 安装 MFC 开发组件 | 创建 MFC 应用 | MFC 应用窗口编辑 | 为按钮添加点击事件 | 修改按钮文字 | 打开应用 )
文章目录 一.安装 MFC 开发组件 二.创建 MFC 应用 三.MFC 应用窗口编辑 四.为按钮添加点击事件 五.修改按钮文字 六.打开系统其它应用 七.博客源码 一.安装 MFC 开发组件 打开 ...
- JQuery 动态生成元素添加点击事件
页面代码 <html> ... <body> <div id="divBox"></div> <script> $(fu ...
- android html图片点击事件,Android TextView加载HTMl图文之添加点击事件和查看图片
前言 用TextView显示Html图文,每一个需求都是需要探索的,不再是简单的添加点击事件就可以了. 1.如何添加点击事件 这里要使用上在Html.forHtml()方法中的第四个参数:Html.T ...
- Android之BaseQuickAdapter(3.0.4版本)给子view添加点击事件(helper.addOnClickListener(view))的函数没了
1.问题 用BaseQuickAdapter给子view添加点击事件,以前都是在适配器里面这么写的helper.addOnClickListener(view),现在这个函数没了 2.解决办法 直接在 ...
- iostext添加点击事件_iOS开发小技巧 - label中的文字添加点击事件
Label中的文字添加点击事件 以前老师讲过类似的功能,自己懒得回头看了,找了很多第三方的,感觉这个小巧便利,作者只是扩展了分类,实现起来代码也少.先来个效果图 自己的项目,直接上代码 - (void ...
最新文章
- “去中心化”为何意义重大?
- python if语句能否判断中文,Python之判断语句（if语句）
- Quartz学习笔记
- python学习之散学
- python中case的用法_python中Switch/Case实现的示例代码
- 三种方法求最长子序列问题
- linux如何压缩数据库,linux mysql数据库压缩表空间
- OA性能调优方案（一）
- 从手机里上传文件到云服务器,手机如何上传文件到云服务器
- 畜牧养殖APP系统开发源码
- MySQL存储引擎 lnnoDB逻辑架构 innodb存储引擎表空间(ibd文件)详解 回滚日志的物理空间
- 【非常好英文】非常好用英文怎么说
- CE认证机构和CE证书的分类
- Maven配置本地仓库 Maven项目使用本地仓库
- 基于人脸图像的心率心率测量系统
- python 抖音评论_新手python抖音无水印解析带详细注释
- 船舶电子电气工程专业出来的交响_科普下船舶电子电气工程专业属于工学类吗...
- 智慧水务一体化监管平台，数字化，可视化，智慧化管理
- c语言程序 中断函数示例,单片机_C语言函数_中断函数(中断服务程序)
- java正则匹配单引号_正则多行文本匹配（包含单引号的处理）