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 遍历json数组的实现代码
Sep 22 Javascript
Jquery为单选框checkbox绑定单击click事件
Dec 18 Javascript
js为什么不能正确处理小数运算?
Dec 29 Javascript
Layui组件Table绑定行点击事件和获取行数据的方法
Aug 19 Javascript
angular1.x ui-route传参的三种写法小结
Aug 31 Javascript
浅谈React Event实现原理
Sep 20 Javascript
微信小程序时间选择插件使用详解
Dec 28 Javascript
vueScroll实现移动端下拉刷新、上拉加载
Mar 22 Javascript
layui自定义工具栏的方法
Sep 19 Javascript
js实现3D照片墙效果
Oct 28 Javascript
JS中作用域以及变量范围分析
Jul 18 Javascript
解决vue自定义组件@click点击失效问题
Apr 30 Vue.js
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读取富文本的时p标签会出现红线是怎么回事
2014/05/13 PHP
PHP编程计算文件或数组中单词出现频率的方法
2017/05/22 PHP
JavaScript具有类似Lambda表达式编程能力的代码(改进版)
2010/09/14 Javascript
JS获取整个页面文档的实现代码
2011/12/15 Javascript
connect中间件session、cookie的使用方法分享
2014/06/17 Javascript
JS实现仿京东淘宝竖排二级导航
2014/12/08 Javascript
jQuery.prop() 使用详解
2015/07/19 Javascript
javascript实现动态导入js与css等静态资源文件的方法
2015/07/25 Javascript
JS判断字符串字节数并截取长度的方法
2016/03/05 Javascript
jQuery 跨域访问解决原理案例详解
2016/07/09 Javascript
jquery基本选择器匹配多个元素的实现方法
2016/09/05 Javascript
微信小程序 教程之列表渲染
2016/10/18 Javascript
JS中双击和单击事件冲突的解决方法
2018/04/09 Javascript
Vue 页面权限控制和登陆验证功能的实例代码
2019/06/20 Javascript
Node 模块原理与用法详解
2020/05/13 Javascript
vue打开子组件弹窗都刷新功能的实现
2020/09/21 Javascript
vue编写简单的购物车功能
2021/01/08 Vue.js
[04:48]DOTA2亚洲邀请赛林书豪为VGJ加油
2017/04/01 DOTA
Python利用正则表达式匹配并截取指定子串及去重的方法
2015/07/30 Python
通过Python使用saltstack生成服务器资产清单
2016/03/01 Python
Windows环境下python环境安装使用图文教程
2018/03/13 Python
Python实现中一次读取多个值的方法
2018/04/22 Python
python画图常规设置方式
2020/03/05 Python
Python使用requests模块爬取百度翻译
2020/08/25 Python
HTML5是什么 HTML5是什么意思 HTML5简介
2012/10/26 HTML / CSS
Orvis官网:自1856年以来,优质服装、飞钓装备等
2018/12/17 全球购物
香港网上花店:FlowerAdvisor香港
2019/05/30 全球购物
自我评价范文
2013/12/22 职场文书
财务会计人员求职的自我评价
2014/01/13 职场文书
合作意向书格式及范文
2014/03/31 职场文书
今冬明春火灾防控工作方案
2014/05/29 职场文书
公安局负责人查摆问题及整改方案
2014/09/27 职场文书
房产协议书范本2014
2014/09/30 职场文书
党的群众路线教育实践活动个人批评与自我批评
2014/10/16 职场文书
认识实习感想
2015/08/10 职场文书
85句关于理想的名言警句大全
2019/08/22 职场文书