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温习篇 强大的JQuery选择器
Apr 24 Javascript
两种简单实现菜单高亮显示的JS类代码
Jun 27 Javascript
js 立即调用的函数表达式如何写
Jan 12 Javascript
js实现飞入星星特效代码
Oct 17 Javascript
用svg制作富有动态的tooltip
Jul 17 Javascript
AngularJS ng-app 指令实例详解
Jul 30 Javascript
js倒计时小实例(多次定时)
Dec 08 Javascript
Ionic2调用本地SQlite实例
Apr 22 Javascript
详解微信小程序设置底部导航栏目方法
Jun 29 Javascript
vue+axios+promise实际开发用法详解
Oct 15 Javascript
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
May 14 Javascript
记录微信小程序 height: calc(xx - xx);无效问题
Dec 30 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
phpmyadmin操作流程
2006/10/09 PHP
php防攻击代码升级版
2010/12/29 PHP
php去掉URL网址中带有PHPSESSID的配置方法
2014/07/08 PHP
PHP模板引擎Smarty中的保留变量用法分析
2016/04/11 PHP
PHP仿微信多图片预览上传实例代码
2016/09/13 PHP
tp5(thinkPHP5框架)时间查询操作实例分析
2019/05/29 PHP
用javascript实现的激活输入框后隐藏初始内容
2007/06/29 Javascript
AJAX 网页保留浏览器前进后退等功能
2011/02/12 Javascript
JS高级拖动技术 setCapture,releaseCapture
2011/07/31 Javascript
javascript自动给文本url地址增加链接的方法分享
2014/01/20 Javascript
JS检测输入字符是否包含非法字符的示例代码
2014/02/11 Javascript
Bootstrap在线电子商务网站实战项目5
2016/10/14 Javascript
Jquery Easyui选项卡组件Tab使用详解(10)
2016/12/18 Javascript
JS简单实现查看文档创建日期、修改日期和文档大小的方法示例
2018/04/08 Javascript
node前端开发模板引擎Jade的入门
2018/05/11 Javascript
vue 之 css module的使用方法
2018/12/04 Javascript
微信小程序如何调用json数据接口并解析
2019/06/29 Javascript
原生JS实现贪吃蛇小游戏
2020/03/09 Javascript
vue跳转页面的几种方法(推荐)
2020/03/26 Javascript
微信小程序报错: thirdScriptError的错误问题
2020/06/19 Javascript
使用 Github Actions 自动部署 Angular 应用到 Github Pages的方法
2020/07/20 Javascript
基于jquery实现彩色投票进度条代码解析
2020/08/26 jQuery
Python实现操纵控制windows注册表的方法分析
2019/05/24 Python
django将数组传递给前台模板的方法
2019/08/06 Python
python生成器/yield协程/gevent写简单的图片下载器功能示例
2019/10/28 Python
关于Python中定制类的比较运算实例
2019/12/19 Python
python+tifffile之tiff文件读写方式
2020/01/13 Python
Django 实现对已存在的model进行更改
2020/03/28 Python
皮尔·卡丹巴西官方商店:Pierre Cardin
2017/07/21 全球购物
Under Armour西班牙官网:美国知名的高端功能性运动品牌
2018/12/12 全球购物
一些关于MySql加速和优化的面试题
2014/01/30 面试题
护理专业自荐信
2013/12/03 职场文书
办公室年度工作总结2015
2015/05/21 职场文书
《游戏公平》教学反思
2016/02/20 职场文书
2019升学宴主持词范本5篇
2019/10/09 职场文书
MySQL三种方式实现递归查询
2022/04/18 MySQL