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 相关文章推荐
优化JavaScript脚本的性能的几个注意事项
Dec 22 Javascript
Div Select挡住的解决办法
Aug 07 Javascript
javascript:void(0)的作用示例介绍
Oct 28 Javascript
js设置function参数默认值(适合没有传参情况)
Feb 24 Javascript
jQuery.extend()、jQuery.fn.extend()扩展方法示例详解
May 08 Javascript
JavaScript获取元素尺寸和大小操作总结
Feb 27 Javascript
微信小程序购物商城系统开发系列-目录结构介绍
Nov 21 Javascript
javascript 操作cookies详解及实例
Feb 22 Javascript
jQuery validate 验证radio实例
Mar 01 Javascript
原生js更改css样式的两种方式
Mar 15 Javascript
vue2.0父子组件间传递数据的方法
Aug 16 Javascript
Vue绑定内联样式问题
Oct 17 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合并discuz用户脚本的方法
2015/08/04 PHP
分享php邮件管理器源码
2016/01/06 PHP
Yii框架引入coreseek分页功能示例
2019/02/08 PHP
PHP $O00OO0=urldecode &amp; eval 解密,记一次商业源码的去后门
2020/09/13 PHP
Jquery AutoComplete自动完成 的使用方法实例
2010/03/19 Javascript
document.getElementById的简写方式(获取id对象的简略写法)
2010/09/10 Javascript
jQuery.extend 函数的详细用法
2012/06/27 Javascript
Javascript异步编程模型Promise模式详细介绍
2014/05/08 Javascript
js树插件zTree获取所有选中节点数据的方法
2015/01/28 Javascript
jQuery判断多个input file 都不能为空的例子
2015/06/23 Javascript
jquery操作angularjs对象
2015/06/26 Javascript
微信小程序开发一键登录 获取session_key和openid实例
2016/11/23 Javascript
Angular.JS通过指令操作DOM的方法
2017/05/10 Javascript
js实现rem自动匹配计算font-size的示例
2017/11/18 Javascript
微信小程序上线发布流程图文详解
2019/05/06 Javascript
微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能
2019/12/17 Javascript
nuxt配置通过指定IP和端口访问的实现
2020/01/08 Javascript
解决Echarts 显示隐藏后宽度高度变小的问题
2020/07/19 Javascript
jquery实现简单拖拽效果
2020/07/20 jQuery
vue 组件简介
2020/07/31 Javascript
解决谷歌搜索技术文章时打不开网页问题的python脚本
2013/02/10 Python
使用BeautifulSoup爬虫程序获取百度搜索结果的标题和url示例
2014/01/19 Python
Python字符串处理之count()方法的使用
2015/05/18 Python
全面了解Python环境配置及项目建立
2016/06/30 Python
Python实现的归并排序算法示例
2017/11/21 Python
Python机器学习k-近邻算法(K Nearest Neighbor)实例详解
2018/06/25 Python
Python 给某个文件名添加时间戳的方法
2018/10/16 Python
tensor和numpy的互相转换的实现示例
2019/08/02 Python
英国领先的亚洲旅游专家:Wendy Wu Tours
2018/01/21 全球购物
国际象棋商店:The Chess Store
2018/07/09 全球购物
大学毕业感言50字
2014/02/07 职场文书
社区党建工作方案
2014/06/10 职场文书
班级活动总结格式
2014/08/30 职场文书
教育局党的群众路线教育实践活动整改方案
2014/09/20 职场文书
2014年学校党建工作汇报材料
2014/11/02 职场文书
比赛口号霸气押韵
2015/12/24 职场文书