ホームページ  >  記事  >  バックエンド開発  >  JS がラジオで選択された値を取得するサンプルコード

JS がラジオで選択された値を取得するサンプルコード

WBOY
WBOYオリジナル
2016-07-25 09:12:411396ブラウズ

投稿ページでよく使われるラジオの選択値をjsを使って取得すると同時に、ラジオの値を選択せず​​に取得する方法も紹介します。

例、

  1. ;text
  2. var chk = 0;
  3. var chkObjs = document.getElementsByName("radio"); .length;i++){
  4. if(chkObjs[i].checked){
  5. chk = i;
  6. }
  7. }
  8. }
  9. function check_radio(){
  10. var chkObjs = document.getElementsByName("radio");
  11. for(var i=0;iif(chkObjs[i].checked){
  12. if(chk == i){
  13. alert("無線値は変更されていないため、変更できません送信済み");
  14. break;
  15. }
  16. }
  17. }
  18. }
  19. 一;
  20. two;
  21. <入力タイプ='ラジオ' 値='3' 名前='ラジオ'>三;
  22. <入力タイプ='ラジオ' 値='4' 名前='ラジオ' >4
  23. /p>
  24. ;/form>

  25. 選択せずにラジオの値を取得します

  26. JPY
  27. Euro< ;/p>
  28. コードをコピー
  29. ネイティブ JS メソッド: (ネイティブ DOM 操作はテキストをノードとして扱うため、nextSibling が存在します)
  30. var ドル = document.getElementsByName("money")[0].nextSibling.nodeValue;
var 円 = document.getElementsByName("money")[1].nextSibling.nodeValue;
var euro= document .getElementsByName("money")[2].nextSibling.nodeValue;
コード

jQueryメソッドをコピーしてラジオ値を取得します。

$('input[name="money"]:checked').next('span').html();

< input type="radio" name="money" value="1" selected="checked" />USD 日本円 ユーロ< ;/p> ;

>input id="radio1" type ="radio" name="money" value="1" />

コードをコピー
  1. 以下は選択できるかどうかを判断するだけです。
  2. function radioValue(){

  3. var radArr = document.getElementsByName("radiov");
var radValue = ""
for(var) i=0; i//alert(radArr[i].checked+" "+radArr[i].value); i].checked){ radValue = radArr[i].value;
}

}

if(radValue != null && radValue != ""){

alert(radValue);
}else{
    alert("選択してください");
  1. }

  2. }

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