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 相关文章推荐
JavaScript中实现块作用域的方法
Apr 01 Javascript
Javascript的闭包详解
Dec 26 Javascript
javascript与css3动画结合使用小结
Mar 11 Javascript
jQuery实现移动端滑块拖动选择数字效果
Dec 24 Javascript
jQuery的实例及必知重要的jQuery选择器详解
May 20 Javascript
node.js请求HTTPS报错:UNABLE_TO_VERIFY_LEAF_SIGNATURE\的解决方法
Dec 18 Javascript
Node.js调试技术总结分享
Mar 12 Javascript
JavaScript中立即执行函数实例详解
Nov 04 Javascript
axios简单实现小程序延时loading指示
Jul 30 Javascript
Electron 调用命令行(cmd)
Sep 23 Javascript
微信小程序上传图片并等比列压缩到指定大小的实例代码
Oct 24 Javascript
windows实现npm和cnpm安装步骤
Oct 24 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 数组入门教程小结
2009/05/20 PHP
PHP中IP地址与整型数字互相转换详解
2014/08/20 PHP
使用php的HTTP请求的库Requests实现美女图片墙
2015/02/22 PHP
什么是PHP文件?如何打开PHP文件?
2017/06/27 PHP
PHP API接口必备之输出json格式数据示例代码
2017/06/27 PHP
判断页面是关闭还是刷新的js代码
2007/01/28 Javascript
js表数据排序 sort table data
2009/02/18 Javascript
AJAX 网页保留浏览器前进后退等功能
2011/02/12 Javascript
jquery向.ashx文件post中文乱码问题的解决方法
2011/03/28 Javascript
JS判断表单输入是否为空(示例代码)
2013/12/23 Javascript
Javascript核心读书有感之类型、值和变量
2015/02/11 Javascript
jQuery文字提示与图片提示效果实现方法
2016/07/04 Javascript
微信小程序 textarea 详解及简单使用方法
2016/12/05 Javascript
JS简单实现滑动加载数据的方法示例
2017/10/18 Javascript
微信小程序下拉框搜索功能的实现方法
2019/07/31 Javascript
纯异步nodejs文件夹(目录)复制功能
2019/09/03 NodeJs
vue-cli2与vue-cli3在一台电脑共存的实现方法
2019/09/25 Javascript
Element-UI+Vue模式使用总结
2020/01/02 Javascript
JS Web Flex弹性盒子模型代码实例
2020/03/10 Javascript
如何构建一个Vue插件并生成npm包
2020/10/26 Javascript
[49:35]2018DOTA2亚洲邀请赛3月30日 小组赛A组 KG VS TNC
2018/03/31 DOTA
Python实现统计英文单词个数及字符串分割代码
2015/05/28 Python
Django中更新多个对象数据与删除对象的方法
2015/07/17 Python
win7上python2.7连接mysql数据库的方法
2017/01/14 Python
python正则实现提取电话功能
2018/02/24 Python
python爬虫神器Pyppeteer入门及使用
2019/07/13 Python
Flask中endpoint的理解(小结)
2019/12/11 Python
ASP.NET Core中的配置详解
2021/02/05 Python
捷克移动配件网上商店:ProMobily.cz
2019/03/15 全球购物
学生爱国演讲稿
2014/01/14 职场文书
领导视察欢迎词
2014/01/15 职场文书
户外婚礼策划方案
2014/02/08 职场文书
学校安全管理责任书
2014/07/23 职场文书
Vue和Flask通信的实现
2021/05/19 Vue.js
在 HTML 页面中使用 React的场景分析
2022/01/18 Javascript
分享Python获取本机IP地址的几种方法
2022/03/17 Python