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 相关文章推荐
JSQL 基于客户端的成绩统计实现方法
May 05 Javascript
JavaScript+CSS控制打印格式示例介绍
Jan 07 Javascript
js操作数组函数实例小结
Dec 10 Javascript
jQuery基于toggle实现click触发DIV的显示与隐藏问题分析
Jun 12 Javascript
原生js实现对Ajax的封装(仿jquery)
Jan 22 Javascript
JavaScript+HTML5实现的日期比较功能示例
Jul 12 Javascript
分享vue.js devtools遇到一系列问题
Oct 24 Javascript
bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
Dec 28 Javascript
webpack项目轻松混用css module的方法
Jun 12 Javascript
vue项目初始化到登录login页面的示例
Oct 31 Javascript
原生js拖拽实现图形伸缩效果
Feb 10 Javascript
vue 实现锚点功能操作
Aug 10 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(三)
2012/03/22 PHP
php中自定义函数dump查看数组信息类似var_dump
2014/01/27 PHP
PHP编程中的常见漏洞和代码实例
2014/08/06 PHP
浅谈php冒泡排序
2014/12/30 PHP
php求数组全排列,元素所有组合的方法
2016/05/05 PHP
使用PHPWord生成word文档的方法详解
2019/06/06 PHP
PHP大文件切割上传功能实例分析
2019/07/01 PHP
javascript new一个对象的实质
2010/01/07 Javascript
JavaScript中函数声明优先于变量声明的实例分析
2012/03/01 Javascript
一个JQuery操作Table的代码分享
2012/03/30 Javascript
使用jquery实现div的tab切换实例代码
2013/05/27 Javascript
JS删除字符串中重复字符方法
2014/03/09 Javascript
html+js实现简单的计算器代码(加减乘除)
2016/07/12 Javascript
IE8兼容Jquery.validate.js的问题
2016/12/01 Javascript
微信小程序的分类页面制作
2017/06/27 Javascript
解决Vue2.0自带浏览器里无法打开的原因(兼容处理)
2017/07/28 Javascript
bootstrap可编辑下拉框jquery.editable-select
2017/10/12 jQuery
React Native 自定义下拉刷新上拉加载的列表的示例
2018/03/01 Javascript
vue中父子组件注意事项,传值及slot应用技巧
2018/05/09 Javascript
基于vue项目设置resolves.alias: '@'路径并适配webstorm
2020/12/02 Vue.js
[38:40]2018DOTA2亚洲邀请赛 4.6淘汰赛 mineski vs LGD 第一场
2018/04/10 DOTA
利用Python绘制数据的瀑布图的教程
2015/04/07 Python
Python返回真假值(True or False)小技巧
2015/04/10 Python
Python中字符串对齐方法介绍
2015/05/21 Python
python traceback捕获并打印异常的方法
2018/08/31 Python
python查看模块,对象的函数方法
2018/10/16 Python
Python HTML解析器BeautifulSoup用法实例详解【爬虫解析器】
2019/04/05 Python
python3.5 cv2 获取视频特定帧生成jpg图片
2019/08/28 Python
CSS3实现的文本3D效果附图
2014/09/03 HTML / CSS
俄罗斯名牌服装网上商店:UNIQUE FABRIC
2019/07/25 全球购物
商务专员岗位职责
2013/11/23 职场文书
前厅收银主管岗位职责
2014/02/04 职场文书
电气工程及其自动化专业求职信
2014/06/23 职场文书
赤壁观后感(2)
2015/06/15 职场文书
学习党章心得体会2016
2016/01/15 职场文书
AJAX实现省市县三级联动效果
2021/10/16 Javascript