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 iframe内的函数调用实现方法
Jul 19 Javascript
js拆分字符串并将分割的数据放到数组中的方法
May 06 Javascript
JavaScript实现Base64编码转换
Apr 23 Javascript
用headjs来管理和加载js 提高网站加载速度
Nov 29 Javascript
移动前端图片压缩上传的实例
Dec 06 Javascript
基于Vue实现关键词实时搜索高亮显示关键词
Jul 21 Javascript
快速解决vue在ios端下点击响应延时的问题
Aug 27 Javascript
Vue动态修改网页标题的方法及遇到问题
Jun 09 Javascript
微信小程序实现动态列表项的顺序加载动画
Jul 25 Javascript
微信小程序实现图片翻转效果的实例代码
Sep 20 Javascript
原生JavaScript实现日历功能代码实例(无引用Jq)
Sep 23 Javascript
Angular+Ionic使用queryParams实现跳转页传值的方法
Sep 05 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
在Zeus Web Server中安装PHP语言支持
2006/10/09 PHP
其他功能
2006/10/09 PHP
实用函数10
2007/11/08 PHP
php线性表顺序存储实现代码(增删查改)
2012/02/16 PHP
PHP使用ffmpeg给视频增加字幕显示的方法
2015/03/12 PHP
CI分页类首页、尾页不显示的解决方法
2016/03/28 PHP
PHP实现git部署的方法教程
2017/12/19 PHP
解决PHPstudy Apache无法启动的问题【亲测有效】
2020/10/30 PHP
script的async属性以非阻塞的模式加载脚本
2013/01/15 Javascript
jQuery不使用插件及swf实现无刷新文件上传
2014/12/08 Javascript
jquery判断单选按钮radio是否选中的方法
2015/05/05 Javascript
javascript中Date()函数在各浏览器中的显示效果
2015/06/18 Javascript
深入理解选择框脚本[推荐]
2016/12/13 Javascript
angularjs ocLazyLoad分步加载js文件实例
2017/01/17 Javascript
JavaScript实现瀑布流以及加载效果
2017/02/11 Javascript
用file标签实现多图文件上传预览
2017/02/14 Javascript
vue 组件 全局注册和局部注册的实现
2018/02/28 Javascript
Javascript 实现 Excel 导入生成图表功能
2018/10/22 Javascript
vue实现中部导航栏布局功能
2019/07/30 Javascript
layui table去掉右侧滑动条的实现方法
2019/09/05 Javascript
JavaScript中的惰性载入函数及优势
2020/02/18 Javascript
vue实现购物车的监听
2020/04/20 Javascript
[03:41]2018完美盛典-《Fight With Us》
2018/12/16 DOTA
Python中请使用isinstance()判断变量类型
2014/08/25 Python
在Python中使用pngquant压缩png图片的教程
2015/04/09 Python
Python实现计算圆周率π的值到任意位的方法示例
2018/05/08 Python
django 在原有表格添加或删除字段的实例
2018/05/27 Python
在Python文件中指定Python解释器的方法
2019/02/18 Python
django中的数据库迁移的实现
2020/03/16 Python
Python读取JSON数据操作实例解析
2020/05/18 Python
使用Keras实现Tensor的相乘和相加代码
2020/06/18 Python
python 实现批量图片识别并翻译
2020/11/02 Python
完美解决Pycharm中matplotlib画图中文乱码问题
2021/01/11 Python
教师绩效考核方案
2014/01/21 职场文书
扶贫办主任查摆“四风”问题个人对照检查材料思想汇报
2014/10/02 职场文书
党员学习型组织心得体会
2019/06/21 职场文书