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 相关文章推荐
JS 容错处理代码, 屏蔽错误信息
Mar 09 Javascript
JQuery Tips(2) 关于$()包装集你不知道的
Dec 14 Javascript
JQuery 操作Javascript对象和数组的工具函数小结
Jan 22 Javascript
JavaScript 事件系统
Jul 22 Javascript
Jquery图形报表插件 jqplot简介及参数详解
Oct 10 Javascript
javascript检测是否联网的实现代码
Sep 28 Javascript
jQuery循环动画与获取组件尺寸的方法
Feb 02 Javascript
js 获取元素所有兄弟节点的实现方法
Sep 06 Javascript
JavaScript学习笔记整理_setTimeout的应用
Sep 19 Javascript
详解Angular2中Input和Output用法及示例
May 21 Javascript
如何抽象一个Vue公共组件
Oct 17 Javascript
vue把输入框的内容添加到页面的实例讲解
Nov 11 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
PHP session常见问题集锦及解决办法总结
2007/03/18 PHP
PHP用SAX解析XML的实现代码与问题分析
2011/08/22 PHP
iis6手工创建网站后无法运行php脚本的解决方法
2017/06/08 PHP
php实现解析xml并生成sql语句的方法
2018/02/03 PHP
thinkphp集成前端脚手架Vue-cli的教程图解
2018/08/30 PHP
JavaScript 读取元素的CSS信息的代码
2010/02/07 Javascript
jquery 多行文本框(textarea)高度变化
2013/07/03 Javascript
javascript转换静态图片,增加粒子动画效果
2015/05/28 Javascript
用jQuery的AJax实现异步访问、异步加载
2016/11/02 Javascript
jquery表单插件form使用方法详解
2017/01/20 Javascript
JavaScript交换两个变量方法实例
2019/11/25 Javascript
js实现简单的秒表
2020/01/16 Javascript
如何在JS文件中获取Vue组件
2020/09/16 Javascript
vue登录页实现使用cookie记住7天密码功能的方法
2021/02/18 Vue.js
[54:10]完美世界DOTA2联赛PWL S2 Magma vs FTD 第二场 11.29
2020/12/03 DOTA
python实现画圆功能
2018/01/25 Python
对django 模型 unique together的示例讲解
2019/08/06 Python
PyTorch中常用的激活函数的方法示例
2019/08/20 Python
python将字典列表导出为Excel文件的方法
2019/09/02 Python
matplotlib之pyplot模块坐标轴标签设置使用(xlabel()、ylabel())
2021/02/22 Python
css3 给页面加个半圆形导航条主要利用旋转和倾斜样式
2014/02/10 HTML / CSS
HTML5本地存储之Web Storage详解
2016/07/04 HTML / CSS
htnl5利用svg页面高斯模糊的方法
2018/07/20 HTML / CSS
财务会计应届生求职信
2013/11/24 职场文书
大学生开西餐厅创业计划书
2014/02/01 职场文书
2015年组织委员工作总结
2015/04/23 职场文书
2015年城管个人工作总结
2015/05/15 职场文书
警示教育片观后感
2015/06/17 职场文书
母亲去世追悼词
2015/06/23 职场文书
校长新学期致辞
2015/07/30 职场文书
大学宣传委员竞选稿
2015/11/19 职场文书
nginx 反向代理之 proxy_pass的实现
2021/03/31 Servers
gateway网关接口请求的校验方式
2021/07/15 Java/Android
Redis字典实现、Hash键冲突及渐进式rehash详解
2021/09/04 Redis
MySQL中几种插入和批量语句实例详解
2021/09/14 MySQL
TS 类型收窄教程示例详解
2022/09/23 Javascript