首頁 > web前端 > js教程 > 解決jquery實現的radio重新選中的問題_jquery

解決jquery實現的radio重新選中的問題_jquery

WBOY
發布: 2016-05-16 15:51:41
原創
1205 人瀏覽過
<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; //选中第二个  

登入後複製

檢定是可以的。能選中,且頁面能顯示正確。

以上所述就是本文的全部內容,希望大家能夠喜歡。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板