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程序设计有所帮助。
相关文章
jQuery1.7中 .delegate()已被.on()取代，下面以示例的方式为大家介绍下jQuery中delegate与on的用法与区别，感兴趣的朋友可以参考下2013-12-12
文章内容为初次使用Jqplot图表插件的测试代码，仅供参考。2016-06-06
尺寸小、使用简单方便（Write Less, Do More，吃得少干得多，而且目前许多大公司都在支持JQuery，例如微软，微软把JQuery继承在了vs2010中2012-04-04
这篇文章主要介绍了JQuery.dataTables表格插件添加跳转到指定页的解决方案，非常不错，具有参考借鉴价值,需要的朋友可以参考下2017-06-06
详解easyui基于 layui.laydate日期扩展组件
这篇文章主要介绍了详解easyui基于 layui.laydate日期扩展组件，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-07-07
对于刚开始接触jquery的朋友是个不错学习参考，对于一些方法的使用也给出了说明。2011-06-06
这篇文章主要介绍了JQuery遍历json数组的3种方法,本文分别给出了使用each、for遍历json的方法,其中for又分成两种形式,需要的朋友可以参考下2014-11-11
下面小编就为大家带来一篇JQ选择器_选择同类元素的第N个子元素的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
Jquery Ajax学习实例3 向WebService发出请求，调用方法返回数据
Jquery Ajax学习实例3 向WebService发出请求，调用方法返回数据2010-03-03
async在jquery ajax中是一个同步参数。本篇文章给大家介绍jq中的ajax async同步和异步，小伙伴跟着小编一起学习吧2015-09-09
最新评论