jQuery中:checked选择器用法实例


Posted in Javascript onJanuary 04, 2015

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

此选择器能够选取所有选中的复选框或单选按钮。

语法结构:

$(":checked")

此选择器可以和其他选择器配合使用,比如[类选择器、元素选择器等等。

$(".myradio:checked").hide();

以上代码能够将类名为myradio,并且被选中的复选框或者单选框隐藏。

实例代码:

<!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(){ 

    $(".myradio:checked").hide(); 

  }); 

}); 

</script> 

</head> 

<body> 

<ul> 

  <li> 

    <input type="radio" name="sex" value="male" checked="checked" class="myradio"/> 

    <input type="radio" name="sex" value="male" checked="checked" class="myradio"/> 

    <input type="radio" name="sex" value="male" checked="checked" class="myradio"/> 

  </li> 

</ul> 

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

</body> 

</html>

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

Javascript 相关文章推荐
javascript 一个自定义长度的文本自动换行的函数
Aug 19 Javascript
javascript中常用编程知识
Apr 08 Javascript
Jquery实现自定义弹窗示例
Mar 12 Javascript
jQuery中:password选择器用法实例
Jan 03 Javascript
详解vuelidate 对于vueJs2.0的验证解决方案
Mar 09 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
Sep 11 Javascript
JS使用Date对象实时显示当前系统时间简单示例
Aug 23 Javascript
详解ES6 Promise对象then方法链式调用
Oct 20 Javascript
vue-cli webpack配置文件分析
May 20 Javascript
vue-cli随机生成port源码的方法
Sep 02 Javascript
JavaScript Dom实现轮播图原理和实例
Feb 19 Javascript
在js中修改html body的样式
Nov 11 Javascript
jQuery中:disabled选择器用法实例
Jan 04 #Javascript
AngularJS中取消对HTML片段转义的方法例子
Jan 04 #Javascript
jQuery中:enabled选择器用法实例
Jan 04 #Javascript
jQuery中:file选择器用法实例
Jan 04 #Javascript
jQuery中:button选择器用法实例
Jan 04 #Javascript
原生javascript实现隔行换色
Jan 04 #Javascript
jQuery中:reset选择器用法实例
Jan 04 #Javascript
You might like
PHP中ob_start函数的使用说明
2013/11/11 PHP
PHP实现自动对图片进行滚动显示的方法
2015/03/12 PHP
PHP获取网页所有连接的方法(附demo源码下载)
2016/03/30 PHP
PHP生成图表pChart的示例解析
2020/07/31 PHP
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
2011/04/06 Javascript
根据表格中的某一列进行排序的javascript代码
2013/11/29 Javascript
javascript 获取iframe里页面中元素值的方法
2014/02/17 Javascript
js清空表单数据的两种方式(遍历+reset)
2014/07/18 Javascript
JavaScript学习笔记之定时器
2015/01/22 Javascript
详解JavaScript对W3C DOM模版的支持情况
2015/06/16 Javascript
jQuery Ajax 实例代码 ($.ajax、$.post、$.get)
2016/04/29 Javascript
AngularJS自定义表单验证功能实例详解
2018/08/24 Javascript
vue中el-upload上传图片到七牛的示例代码
2018/10/19 Javascript
vue实现自定义日期组件功能的实例代码
2018/11/06 Javascript
使用React手写一个对话框或模态框的方法示例
2019/04/25 Javascript
windows下create-react-app 升级至3.3.1版本踩坑记
2020/02/17 Javascript
vue+iview框架实现左侧动态菜单功能的示例代码
2020/07/23 Javascript
[25:59]Newbee vs TNC 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
浅谈python字典多键值及重复键值的使用
2016/11/04 Python
TensorFlow实现RNN循环神经网络
2018/02/28 Python
python3+requests接口自动化session操作方法
2018/10/13 Python
python 动态调用函数实例解析
2019/10/21 Python
python 如何用urllib与服务端交互(发送和接收数据)
2021/03/04 Python
瑞士国际航空官网:SWISS
2016/07/21 全球购物
俄罗斯宠物用品网上商店:ZooMag
2019/12/12 全球购物
俄罗斯达美乐比萨外送服务:Domino’s Pizza
2020/12/18 全球购物
科室工作的个人自我评价
2013/10/30 职场文书
读书演讲主持词
2014/03/18 职场文书
妇联主席先进事迹
2014/05/18 职场文书
团队激励口号
2014/06/06 职场文书
药剂专业求职信
2014/06/20 职场文书
《夸父追日》教学反思
2016/02/20 职场文书
四则混合运算教学反思
2016/02/23 职场文书
爱岗敬业事迹材料
2019/06/20 职场文书
《好妈妈胜过好老师》:每个孩子的优秀都是有源头的
2020/01/03 职场文书
使用php的mail()函数实现发送邮件功能
2021/06/03 PHP