jQuery中:checked選擇器用法實(shí)例
更新時(shí)間：2015年01月04日 15:17:50 投稿：shichen2014
這篇文章主要介紹了jQuery中:checked選擇器用法,實(shí)例分析了:checked選擇器的功能、定義及選取選中的復(fù)選框或單選按鈕時(shí)的使用技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery中:checked選擇器用法。分享給大家供大家參考。具體分析如下：
此選擇器能夠選取所有選中的復(fù)選框或單選按鈕。
語法結(jié)構(gòu):
復(fù)制代碼 代碼如下:
$(":checked")
此選擇器可以和其他選擇器配合使用，比如[類選擇器、元素選擇器等等。
復(fù)制代碼 代碼如下:
$(".myradio:checked").hide();
以上代碼能夠?qū)㈩惷麨閙yradio，并且被選中的復(fù)選框或者單選框隱藏。
實(shí)例代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.fzitv.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>點(diǎn)擊查看效果</button>
</body>
</html>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
jQuery中delegate與on的用法與區(qū)別示例介紹
jQuery1.7中 .delegate()已被.on()取代，下面以示例的方式為大家介紹下jQuery中delegate與on的用法與區(qū)別，感興趣的朋友可以參考下2013-12-12
文章內(nèi)容為初次使用Jqplot圖表插件的測(cè)試代碼，僅供參考。2016-06-06
JQuery學(xué)習(xí)筆錄 簡(jiǎn)單的JQuery
尺寸小、使用簡(jiǎn)單方便（Write Less, Do More，吃得少干得多，而且目前許多大公司都在支持JQuery，例如微軟，微軟把JQuery繼承在了vs2010中2012-04-04
JQuery.dataTables表格插件添加跳轉(zhuǎn)到指定頁
這篇文章主要介紹了JQuery.dataTables表格插件添加跳轉(zhuǎn)到指定頁的解決方案，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2017-06-06
詳解easyui基于 layui.laydate日期擴(kuò)展組件
這篇文章主要介紹了詳解easyui基于 layui.laydate日期擴(kuò)展組件，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-07-07
對(duì)于剛開始接觸jquery的朋友是個(gè)不錯(cuò)學(xué)習(xí)參考，對(duì)于一些方法的使用也給出了說明。2011-06-06
這篇文章主要介紹了JQuery遍歷json數(shù)組的3種方法,本文分別給出了使用each、for遍歷json的方法,其中for又分成兩種形式,需要的朋友可以參考下2014-11-11
JQ選擇器_選擇同類元素的第N個(gè)子元素的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄狫Q選擇器_選擇同類元素的第N個(gè)子元素的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09
Jquery Ajax學(xué)習(xí)實(shí)例3 向WebService發(fā)出請(qǐng)求，調(diào)用方法返回?cái)?shù)據(jù)
Jquery Ajax學(xué)習(xí)實(shí)例3 向WebService發(fā)出請(qǐng)求，調(diào)用方法返回?cái)?shù)據(jù)2010-03-03
async在jquery ajax中是一個(gè)同步參數(shù)。本篇文章給大家介紹jq中的ajax async同步和異步，小伙伴跟著小編一起學(xué)習(xí)吧2015-09-09