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 相关文章推荐
jquery获取input的value问题说明
Aug 19 Javascript
详解强大的jQuery选择器之基本选择器、层次选择器
Feb 07 Javascript
jQuery怎么解析Json字符串(Json格式/Json对象)
Aug 09 Javascript
全面理解面向对象的 JavaScript(来自ibm)
Nov 10 Javascript
js toFixed()方法的重写实现精度的统一
Mar 06 Javascript
使用jQuery仿苹果官网焦点图特效
Dec 23 Javascript
基于JavaScript实现瀑布流效果(循环渐近)
Jan 27 Javascript
JS碰撞运动实现方法详解
Dec 15 Javascript
JavaScript初学者必看“new”
Jun 12 Javascript
JavaScript类的继承方法小结【组合继承分析】
Jul 11 Javascript
vue中Axios的封装与API接口的管理详解
Aug 09 Javascript
Vuex的API文档说明详解
Feb 05 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
php设计模式 Mediator (中介者模式)
2011/06/26 PHP
web server使用php生成web页面的三种方法总结
2013/10/28 PHP
php查找指定目录下指定大小文件的方法
2014/11/28 PHP
什么是PEAR?什么是PECL?PHP中两个容易混淆的概念解释
2015/07/01 PHP
详谈配置phpstorm完美支持Codeigniter(CI)代码自动完成(代码提示)
2017/04/07 PHP
添加JavaScript重载函数的辅助方法2
2010/07/04 Javascript
jQuery的Ajax的自动完成功能控件简要说明
2013/02/22 Javascript
关于js中for in的缺陷浅析
2013/12/02 Javascript
技术男用来对妹子表白的百度首页
2014/07/23 Javascript
JavaScript实现梯形乘法表的方法
2015/04/25 Javascript
jQuery插件bgStretcher.js实现全屏背景特效
2015/06/05 Javascript
基于vue2框架的机器人自动回复mini-project实例代码
2017/06/13 Javascript
vue.js在标签属性中插入变量参数的方法
2018/03/06 Javascript
vue.js实现点击后动态添加class及删除同级class的实现代码
2018/04/04 Javascript
详解如何在nuxt中添加proxyTable代理
2018/08/10 Javascript
微信小程序的mpvue框架快速上手指南
2019/05/15 Javascript
解决Vue+Electron下Vuex的Dispatch没有效果问题
2019/05/20 Javascript
jquery css实现流程进度条
2020/03/26 jQuery
[04:48]DOTA2亚洲邀请赛林书豪为VGJ加油
2017/04/01 DOTA
python中pycurl库的用法实例
2014/09/30 Python
Python中的is和id用法分析
2015/01/26 Python
Python实现获取操作系统版本信息方法
2015/04/08 Python
Python分布式进程中你会遇到的问题解析
2019/05/28 Python
python 中值滤波,椒盐去噪,图片增强实例
2019/12/18 Python
Python读写操作csv和excle文件代码实例
2020/03/16 Python
Python 如何测试文件是否存在
2020/07/31 Python
jupyter使用自动补全和切换默认浏览器的方法
2020/11/18 Python
css3实现冲击波效果的示例代码
2018/01/11 HTML / CSS
浅析HTML5页面元素及属性
2021/01/20 HTML / CSS
男女时尚与复古风格在线购物:RoseGal(全球免费送货)
2017/07/19 全球购物
旧时光糖果:Old Time Candy
2018/02/05 全球购物
日本酒店、民宿、温泉旅馆、当地旅行团中文预订:e路东瀛
2019/12/09 全球购物
牵手50台湾:专为黄金岁月的单身人士而设的交友网站
2021/02/18 全球购物
电台编导求职信
2014/05/06 职场文书
高职教师先进事迹材料
2014/08/24 职场文书
上班时间打瞌睡检讨书
2014/09/26 职场文书