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 相关文章推荐
超级酷和最实用的jQuery实例收集(20个)
Apr 21 Javascript
Draggable Elements 元素拖拽功能实现代码
Mar 30 Javascript
jQuery 追加元素的方法如append、prepend、before
Jan 16 Javascript
浅谈javascript中replace()方法
Nov 10 Javascript
AngularJS基础 ng-list 指令详解及示例代码
Aug 02 Javascript
jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
May 08 jQuery
浅谈Vue SPA 首屏加载优化实践
Dec 15 Javascript
js保留两位小数方法总结
Jan 31 Javascript
webpack打包多页面的方法
Nov 30 Javascript
详解如何探测小程序返回到webview页面
May 14 Javascript
JS禁用右键、禁用Ctrl+u、禁用Ctrl+s、禁用F12的实现代码
Dec 01 Javascript
javascript实现电商放大镜效果
Nov 23 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语法(2)
2006/10/09 PHP
用来给图片加水印的PHP类
2008/04/09 PHP
PHP针对常规模板引擎中与CSS/JSON冲突的解决方法
2014/08/19 PHP
Laravel 5框架学习之Eloquent 关系
2015/04/09 PHP
laravel框架路由分组,中间件,命名空间,子域名,路由前缀实例分析
2020/02/18 PHP
PHP连接MySQL数据库三种实现方法
2020/12/10 PHP
XmlUtils JS操作XML工具类
2009/10/01 Javascript
深入理解javaScript中的事件驱动
2013/05/21 Javascript
window.open()实现post传递参数
2015/03/12 Javascript
基于jQuery实现的仿百度首页滑动选项卡效果代码
2015/11/16 Javascript
将List对象列表转换成JSON格式的类实现方法
2016/07/04 Javascript
手机端 HTML5使用photoswipe.js仿微信朋友圈图片放大效果
2016/08/25 Javascript
AngularJs html compiler详解及示例代码
2016/09/01 Javascript
微信小程序 教程之wxapp视图容器 swiper
2016/10/19 Javascript
使用 Vue.js 仿百度搜索框的实例代码
2017/05/09 Javascript
BootStrap Table前台和后台分页对JSON格式的要求
2017/06/28 Javascript
js图片放大镜实例讲解(必看篇)
2017/07/17 Javascript
微信小程序实现表单校验功能
2020/03/30 Javascript
实时监控input框,实现输入框与下拉框联动的实例
2018/01/23 Javascript
JavaScript的数据类型转换原则(干货)
2018/03/15 Javascript
微信小程序实现搜索功能并跳转搜索结果页面
2019/05/18 Javascript
js实现全选和全不选功能
2020/07/28 Javascript
[01:17]炒鸡美酒第四天TA暴走
2018/06/05 DOTA
在Pandas中DataFrame数据合并,连接(concat,merge,join)的实例
2019/01/29 Python
Scrapy框架爬取西刺代理网免费高匿代理的实现代码
2019/02/22 Python
Python3标准库之functools管理函数的工具详解
2020/02/27 Python
python 实现 hive中类似 lateral view explode的功能示例
2020/05/18 Python
Windows 平台做 Python 开发的最佳组合(推荐)
2020/07/27 Python
用python实现一个简单计算器(完整DEMO)
2020/10/14 Python
意大利奢华内衣制造商:Cosabella
2017/08/29 全球购物
小学数学教学反思
2014/02/02 职场文书
《手指教学》反思
2014/02/14 职场文书
平安建设实施方案
2014/03/19 职场文书
新党员入党决心书
2015/09/22 职场文书
德生TECSUN S-2000使用手册文字版
2022/05/10 无线电
Pygame游戏开发之太空射击实战敌人精灵篇
2022/08/05 Python