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 new Date().valueOf()的作用与时间戳由来详解
Apr 24 Javascript
购物车选中得到价格实现示例
Jan 26 Javascript
网页右下角弹出窗体实现代码
Jun 05 Javascript
js模仿php中strtotime()与date()函数实现方法
Aug 11 Javascript
jquery dialog获取焦点的方法
Feb 09 Javascript
关于vue.js过渡css类名的理解(推荐)
Apr 10 Javascript
详解使用Visual Studio Code对Node.js进行断点调试
Sep 14 Javascript
vue框架搭建之axios使用教程
Jul 11 Javascript
为vue项目自动设置请求状态的配置方法
Jun 09 Javascript
vue 验证码界面实现点击后标灰并设置div按钮不可点击状态
Oct 28 Javascript
Vue实现Header渐隐渐现效果的实例代码
Nov 05 Javascript
JavaScript实现前端倒计时效果
Feb 09 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
多文件上传的例子
2006/10/09 PHP
php自动加载机制的深入分析
2013/06/08 PHP
php使用fsockopen函数发送post,get请求获取网页内容的方法
2014/11/15 PHP
php实现检查文章是否被百度收录
2015/01/27 PHP
Codeigniter的dom类用法实例
2015/06/26 PHP
php 指定范围内多个随机数代码实例
2016/07/18 PHP
php rmdir使用递归函数删除非空目录实例详解
2016/10/20 PHP
PHP调用QQ互联接口实现QQ登录网站功能示例
2019/10/24 PHP
解决jquery的datepicker的本地化以及Today问题
2012/05/23 Javascript
js实现文章文字大小字号功能完整实例
2014/11/01 Javascript
原生JS:Date对象全面解析
2016/09/06 Javascript
node.js Sequelize实现单实例字段或批量自增、自减
2016/12/08 Javascript
浅谈node中的exports与module.exports的关系
2017/08/01 Javascript
Three.js实现绘制字体模型示例代码
2017/09/26 Javascript
浅谈Vue数据绑定的原理
2018/01/08 Javascript
AngularJS中ng-options实现下拉列表的数据绑定方法
2018/08/13 Javascript
javascript实现文本框标签验证的实例代码
2018/10/14 Javascript
使用jQuery如何写一个含验证码的登录界面
2019/05/13 jQuery
Smartour 让网页导览变得更简单(推荐)
2019/07/19 Javascript
JS面向对象编程基础篇(三) 继承操作实例详解
2020/03/03 Javascript
[44:40]Spirit vs Navi Supermajor小组赛 A组败者组第一轮 BO3 第一场 6.2
2018/06/03 DOTA
[01:04:05]Mineski vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python进度条实时显示处理进度的示例代码
2018/01/30 Python
Python实现简单查找最长子串功能示例
2019/02/26 Python
python把1变成01的步骤总结
2019/02/27 Python
python实现复制大量文件功能
2019/08/31 Python
Django文件上传与下载(FileFlid)
2019/10/06 Python
微信小程序canvas实现水平、垂直居中效果
2020/02/05 HTML / CSS
出门问问全球官方商城:Tichome音箱和TicWatch智能手表
2017/12/02 全球购物
标签和贴纸印刷:Lightning Labels
2018/03/22 全球购物
Intimissimi德国网上商店:意大利知名内衣品牌
2018/04/03 全球购物
办加油卡单位介绍信
2014/01/09 职场文书
幼儿园校车司机的岗位职责
2014/01/30 职场文书
社区服务活动总结
2014/05/07 职场文书
2014年党风廉政建设工作总结
2014/11/19 职场文书
公司规章制度范本
2015/08/03 职场文书