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 相关文章推荐
jQuery实现的Email中的收件人效果(按del键删除)
Mar 20 Javascript
js图片延迟技术一般的思路与示例
Mar 20 Javascript
2种jQuery 实现刮刮卡效果
Feb 01 Javascript
JavaScript中Function()函数的使用教程
Jun 04 Javascript
Vue.js每天必学之数据双向绑定
Sep 05 Javascript
基于javascript的异步编程实例详解
Apr 10 Javascript
基于elementUI使用v-model实现经纬度输入的vue组件
May 12 Javascript
使用vue实现各类弹出框组件
Jul 03 Javascript
jQuery删除/清空指定元素的所有子节点实例代码
Jul 04 jQuery
原生js实现无缝轮播图
Jan 11 Javascript
解决React在安装antd之后出现的Can't resolve './locale'问题(推荐)
May 03 Javascript
js实现无缝轮播图特效
May 09 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中判断变量为空的几种方法小结
2013/11/12 PHP
标准PHP的AES加密算法类
2015/03/12 PHP
php上传文件并存储到mysql数据库的方法
2015/03/16 PHP
PHP 7安装使用体验之性能大提升,兼容性强,扩展支持不够(升级PHP要谨慎)
2017/07/27 PHP
php7函数,声明,返回值等新特性介绍
2018/05/25 PHP
PHP中引用类型和值类型功能与用法示例
2019/02/26 PHP
在IE下:float属性会影响offsetTop的取值
2006/12/22 Javascript
JavaScript 闭包深入理解(closure)
2009/05/27 Javascript
javascript 图片上传预览-兼容标准
2009/06/01 Javascript
jQuery 源码分析笔记(2) 变量列表
2011/05/28 Javascript
jQuery EasyUI API 中文文档 - Form表单
2011/10/06 Javascript
Extjs4 消息框去掉关闭按钮(类似Ext.Msg.alert)
2013/04/02 Javascript
jQuery之字体大小的设置方法
2014/02/27 Javascript
Javascript学习笔记之 对象篇(四) : for in 循环
2014/06/24 Javascript
深入理解JavaScript系列(39):设计模式之适配器模式详解
2015/03/04 Javascript
写给小白的JavaScript引擎指南
2015/12/04 Javascript
JavaScript动态创建form表单并提交的实现方法
2015/12/10 Javascript
javascript中call apply 与 bind方法详解
2016/03/10 Javascript
在Vue.js中使用Mixins的方法
2017/09/12 Javascript
关于HTTP传输中gzip压缩的秘密探索分析
2018/01/12 Javascript
微信小程序中上传图片并进行压缩的实现代码
2018/08/28 Javascript
微信小程序BindTap快速连续点击目标页面跳转多次问题处理
2019/04/08 Javascript
vue tab切换,解决echartst图表宽度只有100px的问题
2020/07/19 Javascript
浅谈python图片处理Image和skimage的区别
2019/08/04 Python
关于Pytorch的MLP模块实现方式
2020/01/07 Python
详解用Pytest+Allure生成漂亮的HTML图形化测试报告
2020/03/31 Python
python输出数学符号实例
2020/05/11 Python
利用python汇总统计多张Excel
2020/09/22 Python
Python urllib3软件包的使用说明
2020/11/18 Python
伦敦一家非常流行的时尚精品店:Oxygen Boutique
2017/01/15 全球购物
意大利奢侈品多品牌集合店:TheDoubleF
2019/08/24 全球购物
.NET常见笔试题集
2012/12/01 面试题
2014年法院个人工作总结
2014/12/17 职场文书
PyQt5实现多张图片显示并滚动
2021/06/11 Python
Spring Security中用JWT退出登录时遇到的坑
2021/10/16 Java/Android
继承Win10缺点!教你关闭Win11烦人的网络搜索
2021/11/23 数码科技