解決jquery實現的radio重新選中的問題
更新時間:2015年07月03日 11:12:45 投稿:hebedich
這篇文章主要介紹了解決jquery實現的radio重新選中的問題的方法和示例,十分的實用,有需要的小伙伴可以參考下。
<input type="radio" name="test"/> <input type="radio" name="test" id = "input2"/>
(說明:使用的jquery 版本是 1.10.2。)
使用 jquery 的removeAttr(),清除掉 radio 的checked屬性后。使用 attr('checked',true)可以給對應的radio 附上 checked屬性。但是頁面展示,卻沒有選中。
解決方法:
使用原生js 代碼實現。
var inputList = document.getElementByName("test");
for(var x=0;x<inputList.length;x++){
inputList[x].checked=false; //取消選中
}
var input = document.getElementById("input2");
input.checked = true; //選中第二個
測試是可以的。能選中,且頁面能顯示正確。
以上所述就是本文的全部內容,希望大家能夠喜歡。
您可能感興趣的文章:
相關文章
如何確保JavaScript的執(zhí)行順序 之jQuery.html深度分析
在上一篇文章《如何確保JavaScript的執(zhí)行順序 - 之實戰(zhàn)篇》中,我們發(fā)現jQuery的html函數能夠確保動態(tài)加載的JavaScript按照引入順序執(zhí)行。2011-03-03
jQuery插件HighCharts繪制2D帶Label的折線圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts繪制2D帶Label的折線圖效果,結合實例形式分析了jQuery圖形繪制插件HighCharts實現折線圖效果的具體操作步驟與相關技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
基于Jquery的仿Windows Aero彈出窗(漂亮的關閉按鈕)
目前市面上已經有很多成熟好用的jquery彈出窗插件,像模態(tài)窗口插件(Modal Dialog Plugins)以及數不勝數的燈箱插件(lightbox plugins)。2010-09-09

