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 相关文章推荐
html5+javascript制作简易画板附图
Apr 25 Javascript
js实现键盘上下左右键选择文字并显示在文本框的方法
May 07 Javascript
JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同
Nov 15 Javascript
JavaScript记录光标在编辑器中位置的实现方法
Apr 22 Javascript
360doc网站不登录就无法复制内容的解决方法
Jan 27 Javascript
vue解决一个方法同时发送多个请求的问题
Sep 25 Javascript
ES10 特性的完整指南小结
Mar 04 Javascript
微信小程序嵌入腾讯视频源过程详解
Aug 08 Javascript
vue实现权限控制路由(vue-router 动态添加路由)
Nov 04 Javascript
JS求解两数之和算法详解
Apr 28 Javascript
JS如何操作DOM基于表格动态展示数据
Oct 15 Javascript
javascript的setTimeout()使用方法总结
Nov 20 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
广播爱好者需要了解的天线知识
2021/03/01 无线电
PHP define函数的使用说明
2008/08/27 PHP
PHP学习之输出字符串(echo,print,printf,print_r和var_dump)
2011/04/17 PHP
php读取文件内容的几种方法详解
2013/06/26 PHP
PHP生成唯一订单号的方法汇总
2015/04/16 PHP
yii通过小物件生成view的方法
2016/10/08 PHP
PDO::commit讲解
2019/01/27 PHP
PHP使用OB缓存实现静态化功能示例
2019/03/23 PHP
Laravel 类和接口注入相关的代码
2019/10/15 PHP
解决PhpStorm64不能启动的问题
2020/06/20 PHP
支持ie与FireFox的剪切板操作代码
2009/09/28 Javascript
表单验证的完整应用案例探讨
2013/03/29 Javascript
jquery实现点击变换导航样式的方法
2015/08/31 Javascript
js仿搜狐视频记录片列表展示效果
2020/05/30 Javascript
详解vue 中使用 AJAX获取数据的方法
2017/01/18 Javascript
详解Javascript百度地图接口开发文档中的类和方法
2017/02/07 Javascript
Vue实现选择城市功能
2017/05/27 Javascript
Angular入口组件(entry component)与声明式组件的区别详解
2018/04/09 Javascript
JS模拟实现哈希表及应用详解
2018/05/04 Javascript
Vue.js 实现微信公众号菜单编辑器功能(一)
2018/05/08 Javascript
如何在Vue中使localStorage具有响应式(思想实验)
2020/07/14 Javascript
python的绘图工具matplotlib使用实例
2014/07/03 Python
python使用点操作符访问字典(dict)数据的方法
2015/03/16 Python
对于Python装饰器使用的一些建议
2015/06/03 Python
使用Python的Flask框架构建大型Web应用程序的结构示例
2016/06/04 Python
Python中的FTP通信模块ftplib的用法整理
2016/07/08 Python
Python在groupby分组后提取指定位置记录方法
2018/04/20 Python
python用post访问restful服务接口的方法
2018/12/07 Python
python实现实时视频流播放代码实例
2020/01/11 Python
jupyter notebook参数化运行python方式
2020/04/10 Python
Farfetch香港官网:汇集全球时尚奢侈品购物平台
2017/11/26 全球购物
化学学院毕业生自荐信范文
2013/12/17 职场文书
应聘编辑职位自荐信范文
2014/01/05 职场文书
离职证明标准格式
2014/09/15 职场文书
2015年超市收银员工作总结
2015/04/25 职场文书
导游词之无锡古运河
2019/11/14 职场文书