ホームページ  >  記事  >  ウェブフロントエンド  >  jquery_jquery によって実装された無線再選択の問題を解決する

jquery_jquery によって実装された無線再選択の問題を解決する

WBOY
WBOYオリジナル
2016-05-16 15:51:411194ブラウズ
<input type="radio" name="test"/>

<input type="radio" name="test" id = "input2"/>

(注: 使用される jquery のバージョンは 1.10.2 です。)

jqueryのremoveAttr()を使用して、ラジオのchecked属性をクリアします。 attr('checked',true) を使用して、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; //选中第二个  

テストはOKです。選択してページが正しく表示されるようになりました。

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。