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编写技巧整理
Aug 23 Javascript
JS获取URL中的参数数据
Dec 05 Javascript
浅析XMLHttpRequest的缓存问题
Dec 13 Javascript
js判断游览器类型及版本号的代码
May 11 Javascript
JavaScript判断页面加载完之后再执行预定函数的技巧
May 17 Javascript
canvas实现粒子时钟效果
Feb 06 Javascript
javascript九宫格图片随机打乱位置的实现方法
Mar 15 Javascript
Angular+Bootstrap+Spring Boot实现分页功能实例代码
Jul 21 Javascript
Mui使用jquery并且使用点击跳转新窗口的实例
Aug 19 jQuery
vue+Java后端进行调试时解决跨域问题的方式
Oct 19 Javascript
vue2.0 路由不显示router-view的解决方法
Mar 06 Javascript
Vue父子传递实例讲解
Feb 14 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
Linux下进行MYSQL编程时插入中文乱码的解决方案
2007/03/15 PHP
CodeIgniter实现更改view文件夹路径的方法
2014/07/04 PHP
php使用指定字符列表生成随机字符串的方法
2015/04/18 PHP
PHP中的use关键字及文件的加载详解
2016/11/28 PHP
PHP文件上传小程序 适合初学者学习!
2019/05/23 PHP
PHP设计模式(四)原型模式Prototype实例详解【创建型】
2020/05/02 PHP
HTTP头隐藏PHP版本号实现过程解析
2020/12/09 PHP
jquery 日期分离成年月日的代码
2010/05/14 Javascript
JQuery.ajax传递中文参数的解决方法 推荐
2011/03/28 Javascript
使用js Math.random()函数生成n到m间的随机数字
2014/10/09 Javascript
jquery控制页面部分刷新的方法
2015/06/24 Javascript
Easyui form combobox省市区三级联动
2016/01/13 Javascript
浅谈JavaScript变量的自动转换和语句
2016/06/12 Javascript
把json格式的字符串转换成javascript对象或数组的方法总结
2016/11/03 Javascript
Vue v2.5 调整和更新不完全问题
2017/10/24 Javascript
微信小程序如何引用外部js,外部样式,公共页面模板
2019/07/23 Javascript
python过滤字符串中不属于指定集合中字符的类实例
2015/06/30 Python
在PyCharm中实现关闭一个死循环程序的方法
2018/11/29 Python
Python判断变量名是否合法的方法示例
2019/01/28 Python
浅谈Python反射 &amp; 单例模式
2019/03/21 Python
Python for循环通过序列索引迭代过程解析
2020/02/07 Python
Python响应对象text属性乱码解决方案
2020/03/31 Python
django model的update时auto_now不被更新的原因及解决方式
2020/04/01 Python
使用 prometheus python 库编写自定义指标的方法(完整代码)
2020/06/29 Python
纯CSS3打造属于自己的“小黄人”
2016/03/14 HTML / CSS
浅谈css3中的前缀
2016/07/20 HTML / CSS
HTML5 LocalStorage 本地存储刷新值还在
2017/03/10 HTML / CSS
西班牙品牌鞋子、服装和配饰在线商店:Esdemarca
2021/02/17 全球购物
怎样写留学自荐信
2013/11/11 职场文书
《鹬蚌相争》教学反思
2014/04/22 职场文书
2014年保育员个人工作总结
2014/12/02 职场文书
劳模先进事迹材料
2014/12/24 职场文书
办公室禁烟通知
2015/04/23 职场文书
css position fixed 左右双定位的实现代码
2021/04/29 HTML / CSS
pandas数值排序的实现实例
2021/07/25 Python
Golang入门之计时器
2022/05/04 Golang