jquery单选框radio绑定click事件实现方法


Posted in Javascript onJanuary 14, 2015

本文实例讲述了jquery单选框radio绑定click事件实现方法。分享给大家供大家参考。

具体实现方法如下:

<html>

<head>

<title>单选框radio绑定click事件</title>

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<script type="text/javascript" src="jquery-1.8.2.min.js"></script>

<script type="text/javascript">

 $(function(){

  $(":radio").click(function(){

   alert("您是..." + $(this).val());

  });

 });

</script>

<style type="text/css">

h5{color:blue;}

textarea{resize:none;}

#word{color:red;}

</style>

</head>

<body>

<h5>单选框 radio 绑定 click 事件</h5>

<form action="" method="">

 <input type="radio" name="gender" value="男性">男性

 <input type="radio" name="gender" value="女性">女性

 <input type="radio" name="gender" value="春哥">春哥

</form>

</body>

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
setTimeout函数兼容各主流浏览器运行执行效果实例
Jun 13 Javascript
浅谈jQuery中height与width
Jul 06 Javascript
JS 根据子网掩码,网关计算出所有IP地址范围示例
Apr 23 Javascript
微信js-sdk界面操作接口用法示例
Oct 12 Javascript
Jquery Easyui搜索框组件SearchBox使用详解(19)
Dec 17 Javascript
RequireJS 依赖关系的实例(推荐)
Jan 21 Javascript
微信小程序实现折叠与展开文章功能
Jun 12 Javascript
angularjs下ng-repeat点击元素改变样式的实现方法
Sep 12 Javascript
React中使用UMEditor的方法示例
Dec 27 Javascript
vue项目启动出现cannot GET /服务错误的解决方法
Apr 26 Javascript
如何在vue中使用kindeditor富文本编辑器
Dec 19 Vue.js
使用vue3重构拼图游戏的实现示例
Jan 25 Vue.js
jquery移动节点实例
Jan 14 #Javascript
jquery获取checkbox的值并post提交
Jan 14 #Javascript
js打造数组转json函数
Jan 14 #Javascript
使用jquery 简单实现下拉菜单
Jan 14 #Javascript
jquery实现鼠标滑过小图时显示大图的方法
Jan 14 #Javascript
js实现禁止中文输入的方法
Jan 14 #Javascript
JavaScript 学习笔记之语句
Jan 14 #Javascript
You might like
Protoss兵种对照表
2020/03/14 星际争霸
php中使用Curl、socket、file_get_contents三种方法POST提交数据
2011/08/12 PHP
jquery删除ID为sNews的tr元素的内容
2014/04/10 Javascript
在JavaScript中处理字符串之fontcolor()方法的使用
2015/06/08 Javascript
在JavaScript中call()与apply()区别
2016/01/22 Javascript
jQuery动态添加
2016/04/07 Javascript
AngularJS 模型详细介绍及实例代码
2016/07/27 Javascript
Vue 拦截器对token过期处理方法
2018/01/23 Javascript
深入理解Puppeteer的入门教程和实践
2019/03/05 Javascript
React中使用外部样式的3种方式(小结)
2019/05/28 Javascript
JavaScript实现电灯开关小案例
2020/03/30 Javascript
如何利用Node.js与JSON搭建简单的动态服务器
2020/06/16 Javascript
[03:09]2014DOTA2国际邀请赛 Mushi前队友送上祝福
2014/07/12 DOTA
20招让你的Python飞起来!
2016/09/27 Python
Python 解决中文写入Excel时抛异常的问题
2018/05/03 Python
python取均匀不重复的随机数方式
2019/11/27 Python
keras tensorflow 实现在python下多进程运行
2020/02/06 Python
python中sklearn的pipeline模块实例详解
2020/05/21 Python
Python定时任务框架APScheduler原理及常用代码
2020/10/05 Python
Python实现PS滤镜中的USM锐化效果
2020/12/04 Python
三星加拿大官方网上商店:Samsung CA
2020/12/18 全球购物
如何写出好的Java代码
2014/04/25 面试题
计算机专业应届毕业生自荐信
2013/09/26 职场文书
20岁生日感言
2014/01/13 职场文书
高中生自我评语大全
2014/01/19 职场文书
初中生庆国庆演讲稿范文2014
2014/09/25 职场文书
学习党的群众路线剖析材料
2014/10/09 职场文书
会计工作岗位职责
2015/02/03 职场文书
员工拾金不昧表扬稿
2015/05/05 职场文书
大国崛起日本观后感
2015/06/02 职场文书
负责培养人意见
2015/06/05 职场文书
基层医务人员三严三实心得体会
2016/01/05 职场文书
python plt.plot bar 如何设置绘图尺寸大小
2021/06/01 Python
Vue实现导入Excel功能步骤详解
2021/07/03 Vue.js
css3应用示例:新增的选择器
2022/03/16 HTML / CSS
Java数组详细介绍及相关工具类
2022/04/14 Java/Android