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 ajax return没有返回值的解决方法
Oct 20 Javascript
jquery三个关闭弹出层的小示例
Nov 05 Javascript
js验证电话号码与手机支持+86的正则表达式
Jan 23 Javascript
JavaScript实现简单的星星评分效果
May 18 Javascript
JavaScript实现一个空中避难的小游戏
Jun 06 Javascript
vue父子组件的嵌套的示例代码
Sep 08 Javascript
详谈js中标准for循环与foreach(for in)的区别
Nov 02 Javascript
swiper插件自定义切换箭头按钮
Dec 28 Javascript
Vue cli+mui 区域滚动的实例代码
Jan 25 Javascript
webpack4 + react 搭建多页面应用示例
Aug 03 Javascript
使用Karma做vue组件单元测试的实现
Jan 16 Javascript
浅谈TypeScript 索引签名的理解
Oct 16 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
神族 Protoss 历史背景
2020/03/14 星际争霸
个人站长制做网页常用的php代码
2007/03/03 PHP
PHP中文分词的简单实现代码分享
2011/07/17 PHP
PHP教程之PHP中shell脚本的使用方法分享
2012/02/23 PHP
使用Thinkphp框架开发移动端接口
2015/08/05 PHP
PHP的Yii框架中行为的定义与绑定方法讲解
2016/03/18 PHP
php array_walk_recursive 使用自定的函数处理数组中的每一个元素
2016/11/16 PHP
PHP读取文本文件并逐行输出该行使用最多的字符与对应次数的方法
2016/11/25 PHP
Save a File Using a File Save Dialog Box
2007/06/18 Javascript
JavaScript中扩展Array contains方法实例
2020/08/23 Javascript
js基于setTimeout与setInterval实现多线程
2016/06/17 Javascript
浅谈html转义及防止javascript注入攻击的方法
2016/12/04 Javascript
JavaScript实现数组全排列、去重及求最大值算法示例
2018/07/30 Javascript
如何在Angular8.0下使用ngx-translate进行国际化配置
2019/07/24 Javascript
超简单的微信小程序轮播图
2019/11/22 Javascript
jQuery实现视频展示效果
2020/05/30 jQuery
js瀑布流布局的实现
2020/06/28 Javascript
vue radio单选框,获取当前项(每一项)的value值操作
2020/09/10 Javascript
[02:21]十步杀一人,千里不留行——DOTA2全新英雄天涯墨客展示
2018/08/29 DOTA
python3.6利用pyinstall打包py为exe的操作实例
2018/10/31 Python
python 监测内存和cpu的使用率实例
2019/11/28 Python
详解python破解zip文件密码的方法
2020/01/13 Python
Python 去除字符串中指定字符串
2020/03/05 Python
Python任务调度利器之APScheduler详解
2020/04/02 Python
AmazeUI的下载配置与Helloworld的实现
2020/08/19 HTML / CSS
德国最大的拼图在线商店:Puzzle.de
2016/12/17 全球购物
DJI大疆无人机官方商城:全球领先的无人飞行器研发和生产商
2016/12/21 全球购物
普天C++笔试题
2016/03/20 面试题
怎样写好自我评价呢?
2014/02/16 职场文书
考核工作实施方案
2014/03/30 职场文书
幼儿园区域活动总结
2014/05/08 职场文书
结婚保证书(卖身契)
2015/02/26 职场文书
会议通知
2015/04/15 职场文书
公司聚餐通知
2015/04/22 职场文书
2015年度电厂个人工作总结
2015/05/13 职场文书
vscode中使用npm安装babel的方法
2021/08/02 Javascript