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 相关文章推荐
实现复选框全选/全不选切换
Dec 23 Javascript
JavaScript几种形式的树结构菜单
May 10 Javascript
Javascript自定义排序 node运行 实例
Jun 05 Javascript
javascript编程异常处理实例小结
Nov 30 Javascript
jQuery ajax中使用confirm,确认是否删除的简单实例
Jun 17 Javascript
Bootstrap面板学习使用
Feb 09 Javascript
JS实现简单表格排序操作示例
Oct 07 Javascript
vue2.0父子组件间传递数据的方法
Aug 16 Javascript
iView框架问题整理小结
Oct 16 Javascript
js使用formData实现批量上传
Mar 27 Javascript
原生JS实现动态添加新元素、删除元素方法
May 05 Javascript
React实现阿里云OSS上传文件的示例
Aug 10 Javascript
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
Session保存到数据库的php类分享
2011/10/24 PHP
配置php.ini实现PHP文件上传功能
2014/11/27 PHP
PHP获取当前完整URL地址的函数
2014/12/21 PHP
PHP常用技巧汇总
2016/03/04 PHP
javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
2009/06/02 Javascript
jquery checkbox,radio是否选中的判断代码
2010/03/20 Javascript
Jquery实现显示和隐藏的4种简单方式
2013/08/28 Javascript
用JQuery实现全选与取消的两种简单方法
2014/02/22 Javascript
jquery分页对象使用示例
2014/04/01 Javascript
js实现的简洁网页滑动tab菜单效果代码
2015/08/24 Javascript
jQuery取得iframe中元素的常用方法详解
2016/01/14 Javascript
jQuery中借助deferred来请求及判断AJAX加载的实例讲解
2016/05/24 Javascript
js实现多图左右切换功能
2016/08/04 Javascript
jQuery 局部div刷新和全局刷新方法总结
2016/10/05 Javascript
JS button按钮实现submit按钮提交效果
2016/11/01 Javascript
JS库particles.js创建超炫背景粒子插件(附源码下载)
2017/09/13 Javascript
jQuery自动或手动图片切换效果
2017/10/11 jQuery
利用Javascript开发一个二维周视图日历
2017/12/14 Javascript
Nuxt项目支持eslint+pritter+typescript的实现
2019/05/20 Javascript
layui 上传图片 返回图片地址的方法
2019/09/26 Javascript
JavaScript享元模式原理与用法实例详解
2020/03/09 Javascript
简单了解JavaScript弹窗实现代码
2020/05/07 Javascript
[54:53]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第二场
2014/05/23 DOTA
Python中使用Boolean操作符做真值测试实例
2015/01/30 Python
关于python3.7安装matplotlib始终无法成功的问题的解决
2020/07/28 Python
解决pip安装的第三方包在PyCharm无法导入的问题
2020/10/15 Python
实例讲解使用CSS实现多边框和透明边框的方法
2015/09/08 HTML / CSS
英国最大的笔记本电脑直销专家:Laptops Direct
2019/07/20 全球购物
Eclipse面试题
2014/03/22 面试题
高校毕业生登记表自我鉴定
2013/11/03 职场文书
高中生毕业学习总结的自我评价
2013/11/14 职场文书
群众路线问题查摆对照检查材料
2014/10/04 职场文书
大二学生自我检讨书
2014/10/23 职场文书
导游词怎么写
2015/02/04 职场文书
《秦兵马俑》教学反思
2016/02/24 职场文书
七个Python必备的GUI库
2021/04/27 Python