jQuery對input中radio的一些操作

来源:http://www.cnblogs.com/haogeBlogs/archive/2016/07/18/5680821.html
-Advertisement-
Play Games

通過jQuery獲取頁面中的所有radio對象,遍歷頁面中的radio,取消選中的標簽,因為使用到jQuery時間,因此引用到了網上公共的js,這隻是本人的一些總結,大神勿噴。 文中使用3中獲取radio對象的方式,前兩種使用的比較多,第三種直接通過type標簽獲取對象,有可能獲取到頁面中所有的ra ...


通過jQuery獲取頁面中的所有radio對象,遍歷頁面中的radio,取消選中的標簽,因為使用到jQuery時間,因此引用到了網上公共的js,這隻是本人的一些總結,大神勿噴。

 1 <html>
 2 <head>
 3 <title>取消</title>
 4 <script language="javascript">
 5 function _onclick() {
 6 $("input[name='ra']:checked").val();
 7     var radios = document.getElementsByName("ra");
 8     for (i = 0; i < radios.length; i++) {
 9         if (radios[i].checked) {
10             radios[i].checked=false;
11             break;
12         }
13     }
14 }
15 function _onclick1() {
16  var item = $("input:radio[name='ra'][checked]").val(); 
17 alert(item)
18     var radios = $("input[name='ra']");
19     for (i = 0; i < radios.length; i++) {
20         if (radios[i].checked) {
21             radios[i].checked=false;
22             break;
23         }
24     }
25 }
26 function _onclick2() {
27     var radios = $("input[type='radio']");
28     for (i = 0; i < radios.length; i++) {
29         if (radios[i].checked) {
30             radios[i].checked=false;
31            
32         }
33     }
34 }
35 </script>
36 </head>
37 <body>
38 <div><ol>
39  <li><input type="radio"  name="ra" value="1">1</li>
40  <li><input type="radio"  name="ra" value="2">2</li>
41  <li><input type="radio"  name="ra" value="3" checked>3</li>
42  <li><input type="radio"  name="ra" value="4">4</li>
43  <li><input type="radio"  name="ra" value="5">5</li>
44  <li><input type="radio"  name="ra" value="6">6</li>
45  <li><input type="radio"  name="ra" value="7">7</li>
46  <li><input type="radio"  name="ra" value="8">8</li> 
47 </ol></div>
48 <div><ol>
49  <li><input type="radio"  name="ra1" value="1">1</li>
50  <li><input type="radio"  name="ra1" value="2">2</li>
51  <li><input type="radio"  name="ra1" value="3" checked>3</li>
52  <li><input type="radio"  name="ra1" value="4">4</li>
53  <li><input type="radio"  name="ra1" value="5">5</li>
54  <li><input type="radio"  name="ra1" value="6">6</li>
55  <li><input type="radio"  name="ra1" value="7">7</li>
56  <li><input type="radio"  name="ra1" value="8">8</li> 
57 </ol></div>
58 <input type="button" value="GetValue1" onclick="_onclick()" />
59 <input type="button" value="GetValue2" onclick="_onclick1()" />
60 <input type="button" value="GetValue3" onclick="_onclick2()" />
61 <script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js" type="text/javascript"></script>
62 </body>
63 </html>

文中使用3中獲取radio對象的方式,前兩種使用的比較多,第三種直接通過type標簽獲取對象,有可能獲取到頁面中所有的radio對象,因此不推薦使用。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 使用方法:在JS包的說明裡;直接使用例子也是可以的 起因:一直以來,移動端選擇器都是自己在網上滿世界的找插件 缺點: 1.前期需要自己找非常多的插件,進行篩選;浪費了自己大量的時間 2.符合要求的少之又少,能最後用上的就更少了; 3.項目有特殊要求,又要符合設計稿,難上加難; 所以,這次自己寫了一個 ...
  • 通過packet capture對舊版的第三方app進行抓包分析以後,能夠獲取cnblogs對app開放的一些api。 簡要介紹直接和網站文章內容相關的api。 希望更多精美的第三方app能夠出現 :) host:http://www.cnblogs.com endpoint:/mvc/aggsit ...
  • 使用JavaScript讀二進位文件並用ajax傳輸二進位流,目前能夠相容谷歌、IE11、IE10。 ...
  • 對於JavaScript的定時器來說沒有嚴格意義上的暫停和重啟,只有清除停止,但是可以通過一些‘障眼法’實現 allChild[index].onclick = function(){//當點擊目標且滿足下麵的條件時 讓計時器時間暫停 if(gamInt == true){ $("#tu").css ...
  • Ctrl+Shift+P:打開命令面板Ctrl+P:搜索項目中的文件Ctrl+G:跳轉到第幾行Ctrl+W:關閉當前打開文件Ctrl+Shift+W:關閉所有打開文件Ctrl+Shift+V:粘貼並格式化Ctrl+D:選擇單詞,重覆可增加選擇下一個相同的單詞Ctrl+L:選擇行,重覆可依次增加選擇下 ...
  • 頂求網首頁是一個web2.0博客類的網站首頁,在該網站中用戶可以發表博客,也可以推薦圖書給其他用戶。所以,在首頁中主要分三個板塊——文章、圖書、用戶。另外,網站的頭部和尾部還要有導航(navigator,固定在頭部)和腳註(footer),而這些元素也是整個網站都要用到的,具體實現時可以把它們放在網... ...
  • /*去重*/ <script> function delRepeat(arr){ var newArray=new Array(); var len=arr.length; for(var i=0;i<len;i++){ for(var j=i+1;j<len;j++) { if(arr[i]==a ...
  • [1]typeof [2]instanceof [3]toString [4]isArray ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...