jQuery 操作input中radio的技巧
通過jQuery獲取頁面中的所有radio對象,遍歷頁面中的radio,取消選中的標簽,因為使用到jQuery時間,因此引用到了網上公共的js,這只是本人的一些總結,大神勿噴。
<html> <head> <title>取消</title> <script language="javascript"> function _onclick() { $("input[name='ra']:checked").val(); var radios = document.getElementsByName("ra"); for (i = 0; i < radios.length; i++) { if (radios[i].checked) { radios[i].checked=false; break; } } } function _onclick1() { var item = $("input:radio[name='ra'][checked]").val(); alert(item) var radios = $("input[name='ra']"); for (i = 0; i < radios.length; i++) { if (radios[i].checked) { radios[i].checked=false; break; } } } function _onclick2() { var radios = $("input[type='radio']"); for (i = 0; i < radios.length; i++) { if (radios[i].checked) { radios[i].checked=false; } } } </script> </head> <body> <div><ol> <li><input type="radio" name="ra" value="1">1</li> <li><input type="radio" name="ra" value="2">2</li> <li><input type="radio" name="ra" value="3" checked>3</li> <li><input type="radio" name="ra" value="4">4</li> <li><input type="radio" name="ra" value="5">5</li> <li><input type="radio" name="ra" value="6">6</li> <li><input type="radio" name="ra" value="7">7</li> <li><input type="radio" name="ra" value="8">8</li> </ol></div> <div><ol> <li><input type="radio" name="ra1" value="1">1</li> <li><input type="radio" name="ra1" value="2">2</li> <li><input type="radio" name="ra1" value="3" checked>3</li> <li><input type="radio" name="ra1" value="4">4</li> <li><input type="radio" name="ra1" value="5">5</li> <li><input type="radio" name="ra1" value="6">6</li> <li><input type="radio" name="ra1" value="7">7</li> <li><input type="radio" name="ra1" value="8">8</li> </ol></div> <input type="button" value="GetValue1" onclick="_onclick()" /> <input type="button" value="GetValue2" onclick="_onclick1()" /> <input type="button" value="GetValue3" onclick="_onclick2()" /> <script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js" type="text/javascript"></script> </body> </html>
文中使用3中獲取radio對象的方式,前兩種使用的比較多,第三種直接通過type標簽獲取對象,有可能獲取到頁面中所有的radio對象,因此不推薦使用。
以上所述是小編給大家介紹的jQuery 操作input中radio的技巧,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
相關文章
jQuery實現(xiàn)列表內容的動態(tài)載入特效
這里給大家分享的是使用jQuery實現(xiàn)列表內容的動態(tài)載入的特效,效果相當棒,后面附上瀑布流的實現(xiàn)思路和關鍵代碼,有需要的小伙伴可以參考下。2015-08-08jquery創(chuàng)建并行對象或者合并對象的實現(xiàn)代碼
如果有對象A ,B 現(xiàn)在我想要合并成對象C 從C里面可以找到A , B 及其子對象 怎么做2012-10-10jQuery contains過濾器實現(xiàn)精確匹配使用方法
contains 選擇器選取包含指定字符串的元素。該字符串可以是直接包含在元素中的文本,或者被包含于子元素中。經常與其他元素/選擇器一起使用,來選擇指定的組中包含指定文本的元素2013-04-04jQuery實現(xiàn)只允許輸入數(shù)字和小數(shù)點的方法
這篇文章主要介紹了jQuery實現(xiàn)只允許輸入數(shù)字和小數(shù)點的方法,涉及jQuery針對鍵盤事件的響應及字符串操作的相關技巧,需要的朋友可以參考下2016-03-03jQuery中(function(){})()執(zhí)行順序的理解
function的順序是這樣的:先計算第一個小括號,發(fā)現(xiàn)里面的表達式是一個函數(shù),返會該匿名函數(shù)的引用(指針),最后一個括號則是建立匿名函數(shù)的實參和并執(zhí)行,感興趣的你可以參考下本文2013-03-03jQuery的Scrollify插件實現(xiàn)滑動到頁面下一節(jié)點
這篇文章主要介紹了jQuery的Scrollify插件實現(xiàn)滑動到頁面下一節(jié)點的相關資料,需要的朋友可以參考下2015-07-07