jQuery中:checked选择器用法实例
更新时间：2015年01月04日 15:17:50 投稿：shichen2014
这篇文章主要介绍了jQuery中:checked选择器用法,实例分析了:checked选择器的功能、定义及选取选中的复选框或单选按钮时的使用技巧,需要的朋友可以参考下
本文实例讲述了jQuery中:checked选择器用法。分享给大家供大家参考。具体分析如下：
此选择器能够选取所有选中的复选框或单选按钮。
语法结构:
复制代码 代码如下:
$(":checked")
此选择器可以和其他选择器配合使用，比如[类选择器、元素选择器等等。
复制代码 代码如下:
$(".myradio:checked").hide();
以上代码能够将类名为myradio，并且被选中的复选框或者单选框隐藏。
实例代码:
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.jb51.net/" />
<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程序设计有所帮助。
相关文章
本文主要介绍了jquery实现多次上传同一张图片的方法。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要为大家详细介绍了jquery插件实现鼠标隐藏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-05-05
在使用$(#id).attr(color) 获取颜色的时候，ie和ff是不同的，下面有个示例，大家可以参考下2014-03-03
这篇文章主要为大家详细介绍了jquery实现淘宝商品图片局部放大，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
jQuery插件ajaxfileupload.js实现上传文件
这篇文章主要为大家详细介绍了jQuery插件ajaxfileupload.js实现上传文件的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-05-05
这篇文章主要介绍了基于jQuery实现的美观星级评论打分组件代码,涉及jQuery回调函数及页面元素属性动态操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
本文主要分享了jquery实现输入框实时输入触发事件的代码，代码简单易懂，需要的朋友一起来看下吧2016-12-12
这篇文章主要介绍了jQuery实现平滑滚动页面到指定锚点链接的方法,涉及jquery鼠标事件及页面滚动的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-07-07
这篇文章主要介绍了jQuery 生成svg矢量二维码的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-08-08
任意输入国家和城市，用“，”分隔，点击设置下面的超链接就变为了刚设置的城市，点击可以跳到这个城市的查看地图页，鼠标移到超链接上会弹出一个350*350的地图2013-05-05
最新评论