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/Css 文件的代码
Jul 03 Javascript
javascript 隔行换色函数代码
Oct 24 Javascript
MooTools 页面滚动浮动层智能定位实现代码
Aug 23 Javascript
jBox 2.3基于jquery的最新多功能对话框插件 常见使用问题解答
Nov 10 Javascript
js如何取消事件冒泡
Sep 23 Javascript
JavaScript实现带标题的图片轮播特效
May 20 Javascript
基于jQuery Tipso插件实现消息提示框特效
Mar 16 Javascript
node.js中使用Export和Import的方法
Sep 18 Javascript
详解Vue前端对axios的封装和使用
Apr 01 Javascript
postman自定义函数实现 时间函数的思路详解
Apr 17 Javascript
JS删除String里某个字符的方法
Jan 06 Javascript
Vue配置marked链接添加target=&quot;_blank&quot;的方法
Jul 19 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
MySQL的FIND_IN_SET函数使用方法分享
2012/03/27 PHP
PHP在线生成二维码代码(google api)
2013/06/03 PHP
Yii使用find findAll查找出指定字段的实现方法
2014/09/05 PHP
VPS中使用LNMP安装WordPress教程
2014/12/28 PHP
php发送html格式文本邮件的方法
2015/06/10 PHP
php 三元运算符实例详细介绍
2016/12/15 PHP
静态页面的值传递(三部曲)
2006/09/25 Javascript
验证javascript中Object和Function的关系的三段简单代码
2010/06/27 Javascript
Jquery 点击按钮显示和隐藏层的代码
2011/07/25 Javascript
扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
2011/12/08 Javascript
Seajs的学习笔记
2014/03/04 Javascript
使用jquery解析XML的方法
2014/09/05 Javascript
Bootstrap每天必学之js插件
2015/11/30 Javascript
三个js循环的关键字示例(for与while)
2016/02/16 Javascript
jquery select2的使用心得(推荐)
2016/12/04 Javascript
浅谈关于.vue文件中style的scoped属性
2017/08/19 Javascript
JavaScript对象拷贝与赋值操作实例分析
2018/12/10 Javascript
node微信开发之获取access_token+自定义菜单
2019/03/17 Javascript
js常见遍历操作小结
2019/06/06 Javascript
javascript自定义右键菜单插件
2019/12/16 Javascript
js通过canvas生成图片缩略图
2020/10/02 Javascript
python微信跳一跳系列之色块轮廓定位棋盘
2018/02/26 Python
Django使用Jinja2模板引擎的示例代码
2019/08/09 Python
python 定时器每天就执行一次的实现代码
2019/08/14 Python
python实现网站微信登录的示例代码
2019/09/18 Python
Django中使用haystack+whoosh实现搜索功能
2019/10/08 Python
pytorch逐元素比较tensor大小实例
2020/01/03 Python
Python如何发送与接收大型数组
2020/08/07 Python
手工制作的男士奢华英国鞋和服装之家:Goodwin Smith
2019/06/21 全球购物
美国伴娘礼服商店:Evening Collective
2019/10/07 全球购物
腾讯公司的一个sql题
2013/01/22 面试题
信息科学与技术专业求职信范文
2014/02/20 职场文书
一句话工作感言
2014/03/01 职场文书
三八节标语
2014/06/27 职场文书
《走遍天下书为侣》教学反思
2016/02/22 职场文书
详解redis分布式锁的这些坑
2021/05/19 Redis