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的js分页代码
Jun 10 Javascript
jquery入门——事件机制之事件中的冒泡现象示例解释
Sep 12 Javascript
jquery和css3实现的炫酷时尚的菜单导航
Sep 01 Javascript
JS数组的常见用法实例
Feb 10 Javascript
JavaScript内存管理介绍
Mar 13 Javascript
js实现头像图片切割缩放及无刷新上传图片的方法
Jul 17 Javascript
js模仿java的Map集合详解
Jan 06 Javascript
AngularJS ng-app 指令实例详解
Jul 30 Javascript
完美解决JS文件页面加载时的阻塞问题
Dec 18 Javascript
jQuery实现的监听导航滚动置顶状态功能示例
Jul 23 jQuery
JS中创建自定义类型的常用模式总结【工厂模式,构造函数模式,原型模式,动态原型模式等】
Jan 19 Javascript
如何使用50行javaScript代码实现简单版的call,apply,bind
Aug 14 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
smarty简单分页的实现方法
2014/10/27 PHP
详解WordPress开发中wp_title()函数的用法
2016/01/07 PHP
PHP简单实现文本计数器的方法
2016/04/28 PHP
php中类和对象:静态属性、静态方法
2017/04/09 PHP
PHP面向对象五大原则之里氏替换原则(LSP)详解
2018/04/08 PHP
laravel-admin 实现在指定的相册下添加照片
2019/10/21 PHP
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本
2006/09/22 Javascript
javascript小数计算出现近似值的解决办法
2010/02/06 Javascript
DOM和XMLHttpRequest对象的属性和方法整理
2012/01/04 Javascript
javascript 得到文件后缀名的思路及实现
2020/05/09 Javascript
javascript表单验证使用示例(javascript验证邮箱)
2014/01/07 Javascript
自制的文件上传JS控件可支持IE、chrome、firefox etc
2014/04/18 Javascript
jQuery实现简单的网页换肤效果示例
2016/09/18 Javascript
JS图片压缩(pc端和移动端都适用)
2017/01/12 Javascript
jQuery表单元素选择器代码实例
2017/02/06 Javascript
Bootstrap显示与隐藏简单实现代码
2017/03/06 Javascript
javascript 动态生成css代码的两种方法
2017/03/17 Javascript
js定时器实现倒计时效果
2017/11/05 Javascript
Angular项目从新建、打包到nginx部署全过程记录
2017/12/09 Javascript
详解VUE中常用的几种import(模块、文件)引入方式
2018/07/03 Javascript
jQuery分组选择器简单用法示例
2019/04/04 jQuery
Python中的左斜杠、右斜杠(正斜杠和反斜杠)
2016/08/30 Python
win系统下为Python3.5安装flask-mongoengine 库
2016/12/20 Python
python正则表达式及使用正则表达式的例子
2018/01/22 Python
Windows下安装Django框架的方法简明教程
2018/03/28 Python
Python框架Flask的基本数据库操作方法分析
2018/07/13 Python
python实现求两个字符串的最长公共子串方法
2018/07/20 Python
python圣诞树编写实例详解
2020/02/13 Python
Skyscanner新西兰:全球领先的旅游搜索网站
2019/08/26 全球购物
波兰办公用品和学校用品在线商店:Dlabiura24.pl
2020/11/18 全球购物
社区十八大感言
2014/01/19 职场文书
纪律委员竞选稿
2015/11/19 职场文书
《钢铁是怎样炼成的》高中读后感
2019/08/07 职场文书
微信小程序实现拍照和相册选取图片
2021/05/09 Javascript
Vue自定义铃声提示音组件的实现
2022/01/22 Vue.js
Redis配置外网可访问(redis远程连接不上)的方法
2022/12/24 Redis