首頁 web前端 js教程 jquery 操作 Radio大全

jquery 操作 Radio大全

Jun 01, 2016 am 09:54 AM
jquery Radio 操作

1、改变radio的选择,触发一些效果

代码如下:

<code class="javascript">$("input:radio[name='dialCheckResult']").change(function (){ //拨通
alert(“123”);
});</code>
登入後複製


2、让页面中所有的radio可用

<code class="javascript">$("input:radio").attr("disabled",false);</code>
登入後複製

 

3、让页面中所有的radio不可用

<code class="javascript">$("input:radio").attr("disabled","disabled");</code>
登入後複製

 

4、让某个radio置于选中状态

<code class="javascript">$("input:radio[name='dialCheckResult']").eq(0).attr("checked",true);</code>
登入後複製

 

5、让页面中“未选中”状态的radio不可用

<code class="javascript">$("input:radio:not([checked])").attr("disabled","disabled");</code>
登入後複製
登入後複製

 

6、遍历选中状态的radio,除了某一个radio之外,其他的“选中”状态的radio设定是“未选中”状态

代码如下:

<code class="javascript">$('input:radio:checked').each(function(i,val){
if(val.name != "dialCheckResult" ){
$("input:radio[name='"+val.name+"']:checked").attr('checked',false);
}
});</code>
登入後複製


7、让所有“未选中”状态的radio不可用

<code class="javascript">$("input:radio:not([checked])").attr("disabled","disabled");</code>
登入後複製
登入後複製

 

8、获得某个选中的特定NAME的radio的值

<code class="javascript">var dialCheckResult=$("input:radio[name='dialCheckResult']:checked").val() ;</code>
登入後複製

 

9、让所有“选中”状态的radio置于“未选中”状态

<code class="javascript">$('input:radio:checked').attr('checked',false);</code>
登入後複製

 

10、让页面中的radio都置于“选中”状态或“未选中”状态

<code class="javascript">$("input:radio").attr("checked",true);

$("input:radio").attr("checked",false);</code>
登入後複製

 

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1318
25
PHP教程
1269
29
C# 教程
1248
24
Linux Deploy的操作步驟及注意事項 Linux Deploy的操作步驟及注意事項 Mar 14, 2024 pm 03:03 PM

LinuxDeploy的操作步驟及注意事項LinuxDeploy是一款強大的工具,可協助使用者在Android裝置上快速部署各種Linux發行版,讓使用者在行動裝置上體驗完整的Linux系統。本文將詳細介紹LinuxDeploy的操作步驟以及注意事項,同時提供具體的程式碼範例,幫助讀者更好地使用此工具。操作步驟:安裝LinuxDeploy:首先在

jQuery中如何使用PUT請求方式? jQuery中如何使用PUT請求方式? Feb 28, 2024 pm 03:12 PM

jQuery中如何使用PUT請求方式?在jQuery中,發送PUT請求的方法與發送其他類型的請求類似,但需要注意一些細節和參數設定。 PUT請求通常用於更新資源,例如更新資料庫中的資料或更新伺服器上的檔案。以下是在jQuery中使用PUT請求方式的具體程式碼範例。首先,確保引入了jQuery庫文件,然後可以透過以下方式發送PUT請求:$.ajax({u

華為Mate60 Pro截圖操作步驟分享 華為Mate60 Pro截圖操作步驟分享 Mar 23, 2024 am 11:15 AM

隨著智慧型手機的普及,螢幕截圖功能成為日常使用手機的必備技能之一。華為Mate60Pro作為華為公司的旗艦手機之一,其截圖功能自然也備受用戶關注。今天,我們就來分享華為Mate60Pro手機的截圖操作步驟,讓大家能夠更方便地進行截圖操作。首先,華為Mate60Pro手機提供了多種截圖方式,可以依照個人習慣選擇適合自己的方式來操作。以下詳細介紹幾種常用的截

jQuery小技巧:快速修改頁面所有a標籤的文本 jQuery小技巧:快速修改頁面所有a標籤的文本 Feb 28, 2024 pm 09:06 PM

標題:jQuery小技巧:快速修改頁面所有a標籤的文字在網頁開發中,我們經常需要對頁面中的元素進行修改和操作。使用jQuery時,有時候需要一次修改頁面中所有a標籤的文字內容,這樣可以節省時間和精力。以下將介紹如何使用jQuery快速修改頁面所有a標籤的文本,同時給出具體的程式碼範例。首先,我們需要引入jQuery庫文件,確保在頁面中引入了以下程式碼:&lt

使用jQuery修改所有a標籤的文字內容 使用jQuery修改所有a標籤的文字內容 Feb 28, 2024 pm 05:42 PM

標題:使用jQuery修改所有a標籤的文字內容jQuery是一款受歡迎的JavaScript庫,被廣泛用於處理DOM操作。在網頁開發中,經常會遇到需要修改頁面上連結標籤(a標籤)的文字內容的需求。本文將介紹如何使用jQuery來實現這個目標,並提供具體的程式碼範例。首先,我們需要在頁面中引入jQuery庫。在HTML檔案中加入以下程式碼:

Astar質押原理、收益拆解、空投項目及策略 & 操作保姆級攻略 Astar質押原理、收益拆解、空投項目及策略 & 操作保姆級攻略 Jun 25, 2024 pm 07:09 PM

目錄Astar Dapp 質押原理質押收益 拆解潛在空投項目:AlgemNeurolancheHealthreeAstar Degens DAOVeryLongSwap 質押策略 & 操作“AstarDapp質押”今年初已升級至V3版本,對質押收益規則做了不少調整。目前首個質押週期已結束,第二質押週期的「投票」子週期剛開始。若要獲得「額外獎勵」收益,需掌握此關鍵階段(預計持續至6月26日,現餘不到5天)。我將細緻拆解Astar質押收益,

60 年的醞釀:NASA 證實了關於地球全球電場的假設 60 年的醞釀:NASA 證實了關於地球全球電場的假設 Aug 31, 2024 pm 09:35 PM

美國太空總署透過最近的火箭發射證實了地球周圍存在全球電場。這是一件大事,因為這是對長期理論化但從未被觀察到的現象的首次直接測量

Win8電腦開機密碼忘記?這樣操作立刻恢復! Win8電腦開機密碼忘記?這樣操作立刻恢復! Mar 27, 2024 pm 10:12 PM

Win8電腦開機密碼忘記是許多人在日常使用電腦時會遇到的問題。當我們忘記了登入密碼,會導致無法正常進入系統,對我們的日常使用造成不便。如果你剛好碰到了這個問題,不必擔心,下面我將介紹一些簡單的操作,幫助你快速恢復Win8電腦的開機密碼。方法一:使用Microsoft帳號密碼如果你的Win8電腦登入使用的是Microsoft帳戶,你可以嘗試使用該帳號的密碼進行

See all articles