jQuery 操作input中radio的技巧
通過jQuery獲取頁面中的所有radio對象,遍歷頁面中的radio,取消選中的標(biāo)簽,因?yàn)槭褂玫絡(luò)Query時(shí)間,因此引用到了網(wǎng)上公共的js,這只是本人的一些總結(jié),大神勿噴。
<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標(biāo)簽獲取對象,有可能獲取到頁面中所有的radio對象,因此不推薦使用。
以上所述是小編給大家介紹的jQuery 操作input中radio的技巧,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
jQuery實(shí)現(xiàn)列表內(nèi)容的動態(tài)載入特效
這里給大家分享的是使用jQuery實(shí)現(xiàn)列表內(nèi)容的動態(tài)載入的特效,效果相當(dāng)棒,后面附上瀑布流的實(shí)現(xiàn)思路和關(guān)鍵代碼,有需要的小伙伴可以參考下。2015-08-08jquery創(chuàng)建并行對象或者合并對象的實(shí)現(xiàn)代碼
如果有對象A ,B 現(xiàn)在我想要合并成對象C 從C里面可以找到A , B 及其子對象 怎么做2012-10-10分享十五款 jQuery 社交網(wǎng)絡(luò)分享插件
這篇文章主要介紹了分享十五款 jQuery 社交網(wǎng)絡(luò)分享插件,需要的朋友可以參考下2015-05-05jQuery contains過濾器實(shí)現(xiàn)精確匹配使用方法
contains 選擇器選取包含指定字符串的元素。該字符串可以是直接包含在元素中的文本,或者被包含于子元素中。經(jīng)常與其他元素/選擇器一起使用,來選擇指定的組中包含指定文本的元素2013-04-04jQuery實(shí)現(xiàn)只允許輸入數(shù)字和小數(shù)點(diǎn)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)只允許輸入數(shù)字和小數(shù)點(diǎn)的方法,涉及jQuery針對鍵盤事件的響應(yīng)及字符串操作的相關(guān)技巧,需要的朋友可以參考下2016-03-03jQuery中(function(){})()執(zhí)行順序的理解
function的順序是這樣的:先計(jì)算第一個(gè)小括號,發(fā)現(xiàn)里面的表達(dá)式是一個(gè)函數(shù),返會該匿名函數(shù)的引用(指針),最后一個(gè)括號則是建立匿名函數(shù)的實(shí)參和并執(zhí)行,感興趣的你可以參考下本文2013-03-03jquery漸隱漸顯的圖片幻燈閃爍切換實(shí)現(xiàn)方法
這篇文章主要介紹了jquery漸隱漸顯的圖片幻燈閃爍切換實(shí)現(xiàn)方法,實(shí)例分析了jQuery操作圖片的技巧及鼠標(biāo)事件用法,需要的朋友可以參考下2015-02-02Jquery實(shí)現(xiàn)視頻播放頁面的關(guān)燈開燈效果
使用Jquery實(shí)現(xiàn)視頻播放頁面的關(guān)燈開燈效果。其中視頻顯示使用embed 元素,該元素是html5的元素,所以使用支持html5的瀏覽器效果會更好,具體實(shí)現(xiàn)代碼如下,感興趣的朋友可以參考下2013-05-05jQuery的Scrollify插件實(shí)現(xiàn)滑動到頁面下一節(jié)點(diǎn)
這篇文章主要介紹了jQuery的Scrollify插件實(shí)現(xiàn)滑動到頁面下一節(jié)點(diǎn)的相關(guān)資料,需要的朋友可以參考下2015-07-07