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与Prototype并存的冲突的解决方法
Aug 29 Javascript
js导出table到excel同时兼容FF和IE示例
Sep 03 Javascript
javascript中Date对象的getDay方法使用指南
Dec 22 Javascript
JavaScript插件化开发教程 (三)
Jan 27 Javascript
jquery实现增加删除行的方法
Feb 03 Javascript
js简单实现表单中点击按钮动态增加输入框数量的方法
Aug 18 Javascript
JS实现的仿淘宝交易倒计时效果
Nov 27 Javascript
基于jQuery实现动态搜索显示功能
May 05 Javascript
jQuery插件制作的实例教程
May 16 Javascript
基于MVC方式实现三级联动(JavaScript)
Jan 23 Javascript
vue路由中前进后退的一些事儿
May 18 Javascript
jquery实现下载图片功能
Jul 18 jQuery
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教程之魔术方法的使用示例(php魔术函数)
2014/02/12 PHP
一个图片地址分解程序(用于PHP小偷程序)
2014/08/23 PHP
ThinkPHP分组下自定义标签库实例
2014/11/01 PHP
PHP中仿制 ecshop验证码实例
2017/01/06 PHP
使用prototype.js 的时候应该特别注意的几个问题.
2007/04/12 Javascript
js DOM模型操作
2009/12/28 Javascript
JavaScript Distilled 基础知识与函数
2010/04/07 Javascript
js精度溢出解决方案
2012/12/02 Javascript
写JQuery插件的基本知识
2013/11/25 Javascript
js限制文本框只能输入中文的方法
2015/08/11 Javascript
JQUERY表单暂存功能插件分享
2016/02/23 Javascript
vue-cli如何快速构建vue项目
2017/04/26 Javascript
一步一步的了解webpack4的splitChunk插件(小结)
2018/09/17 Javascript
vue  directive定义全局和局部指令及指令简写
2018/11/20 Javascript
JavaScript字符串转数字的简单实现方法
2020/11/27 Javascript
[49:54]Ti4 循环赛第三日 LGD vs Titan
2014/07/12 DOTA
Python算法之栈(stack)的实现
2014/08/18 Python
Python常用算法学习基础教程
2017/04/13 Python
python爬虫入门教程--快速理解HTTP协议(一)
2017/05/25 Python
centos 安装python3.6环境并配置虚拟环境的详细教程
2018/02/22 Python
运用Python的webbrowser实现定时打开特定网页
2019/02/21 Python
Pandas之MultiIndex对象的示例详解
2019/06/25 Python
Python实现朴素贝叶斯的学习与分类过程解析
2019/08/24 Python
python对象销毁实例(垃圾回收)
2020/01/16 Python
纯HTML5+CSS3制作图片旋转
2016/01/12 HTML / CSS
KIKO美国官网:意大利的平价彩妆品牌
2017/05/16 全球购物
The Athlete’s Foot新西兰:新西兰最大的运动鞋零售商
2019/12/23 全球购物
String s = new String(“xyz”);创建了几个String Object?
2015/08/05 面试题
自我评价的正确写法
2013/09/19 职场文书
顶撞领导检讨书
2014/01/29 职场文书
元旦文艺汇演主持词
2014/03/26 职场文书
绿色环保家庭事迹材料
2014/08/31 职场文书
2015年度女工工作总结
2015/10/22 职场文书
JavaScript利用html5新方法操作元素类名详解
2021/11/27 Javascript
Github 使用python对copilot做些简单使用测试
2022/04/14 Python
浅谈音视频 pts dts基本概念及理解
2022/08/05 数码科技