jQuery中:radio选择器用法实例


Posted in Javascript onJanuary 03, 2015

本文实例讲述了jQuery中:radio选择器用法。分享给大家供大家参考。具体分析如下:

此选择器能够选取所有单选按钮。

语法结构:

$(":radio")

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.com/" />

<title>三水点靠木</title> 

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 

<script type="text/javascript"> 

$(document).ready(function(){ 

  $("button").click(function(){ 

    $(":radio").hide(); 

  }); 

}); 

</script> 

</head> 

<body> 

<ul> 

  <li> 

    密码框:<input type="password" name="mima" /> 

    单选按钮:<input type="radio" value="danxuan" />男 

  </li> 

</ul> 

<button>点击查看效果</button> 

</body> 

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
浏览器打开层自动缓慢展开收缩实例代码
Jul 04 Javascript
js判断ie版本号的简单实现代码
Mar 05 Javascript
jQuery 如何先创建、再修改、后添加DOM元素
May 20 Javascript
ActiveX控件与Javascript之间的交互示例
Jun 04 Javascript
JavaScript中的Math.E属性使用详解
Jun 12 Javascript
JavaScript制作淘宝星级评分效果的思路
Jun 23 Javascript
jquery实现两边飘浮可关闭的对联广告
Nov 27 Javascript
微信小程序 动态的设置图片的高度和宽度详解及实例代码
Feb 24 Javascript
深入理解Vue transition源码分析
Jul 30 Javascript
vue中引入第三方字体文件的方法示例
Dec 17 Javascript
Three.js实现3D机房效果
Dec 30 Javascript
vue-列表下详情的展开与折叠案例
Jul 28 Javascript
jQuery中:password选择器用法实例
Jan 03 #Javascript
jQuery中:text选择器用法实例
Jan 03 #Javascript
JS打开新窗口防止被浏览器阻止的方法
Jan 03 #Javascript
jQuery中:input选择器用法实例
Jan 03 #Javascript
jQuery中:only-child选择器用法实例
Jan 03 #Javascript
js中取得变量绝对值的方法
Jan 03 #Javascript
基于豆瓣API+Angular开发的web App
Jan 02 #Javascript
You might like
php基础教程 php内置函数实例教程
2012/08/21 PHP
codeigniter框架批量插入数据
2014/01/09 PHP
PHP 将dataurl转成图片image方法总结
2016/10/14 PHP
jquery 必填项判断表单是否为空的方法
2008/09/14 Javascript
select标签模拟/美化方法采用JS外挂式插件
2013/04/01 Javascript
javascript创建createXmlHttpRequest对象示例代码
2014/02/10 Javascript
JQuery实现动态添加删除评论的方法
2015/05/18 Javascript
nodejs创建web服务器之hello world程序
2015/08/20 NodeJs
js实现简单的验证码
2015/12/25 Javascript
深入学习jQuery Validate表单验证(二)
2016/01/18 Javascript
浅谈JavaScript中数组的增删改查
2016/06/20 Javascript
jQuery Ajax使用FormData对象上传文件的方法
2016/09/07 Javascript
利用JS屏蔽页面中的Enter按键提交表单的方法
2016/11/25 Javascript
基于Vue.js实现简单搜索框
2020/03/26 Javascript
js实现百度地图定位于地址逆解析,显示自己当前的地理位置
2016/12/08 Javascript
angularjs实现下拉列表的选中事件示例
2017/03/03 Javascript
详解vue服务端渲染(SSR)初探
2017/06/19 Javascript
微信小程序页面滑动屏幕加载数据效果
2020/11/16 Javascript
深入理解vue中slot与slot-scope的具体使用
2018/01/26 Javascript
vue实现一个矩形标记区域(rectangle marker)的方法
2020/10/28 Javascript
举例讲解Python的Tornado框架实现数据可视化的教程
2015/05/02 Python
一些Python中的二维数组的操作方法
2015/05/02 Python
python3.x上post发送json数据
2018/03/04 Python
Python3 sys.argv[ ]用法详解
2019/10/24 Python
nginx搭建基于python的web环境的实现步骤
2020/01/03 Python
python super用法及原理详解
2020/01/20 Python
CSS3 二级导航菜单的制作的示例
2018/04/02 HTML / CSS
Java基础类库面试题
2013/09/04 面试题
外贸销售员求职的自我评价
2013/11/23 职场文书
服务员自我评价
2014/01/25 职场文书
生产部岗位职责范文
2014/02/07 职场文书
艺术节主持词
2014/04/02 职场文书
房展策划方案
2014/06/07 职场文书
介绍信模板
2015/01/31 职场文书
防震减灾主题班会
2015/08/14 职场文书
WebWorker 封装 JavaScript 沙箱详情
2021/11/02 Javascript