ホームページ > ウェブフロントエンド > htmlチュートリアル > ラジオで選択された値をJavaScriptに渡すにはどうすればよいですか? _html/css_WEB-ITnose

ラジオで選択された値をJavaScriptに渡すにはどうすればよいですか? _html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:10:05
オリジナル
1212 人が閲覧しました

<html xmlns="http://www.w3.org/1999/xhtml"><head>    <title></title>    <script type="text/javascript">    function che() {     alert();      }    </script></head><body><form name="rad" method="post" action="#"><div><p><input type="radio" value="1" name="r"/>1</p><p><input type="radio" value="2" name="r"/>2</p></div><input type="button" value="check" onclick="che()"/></form></body></html>
ログイン後にコピー


ボタンをクリックした後に選択したラジオの値が表示されるようにしたい


ディスカッションに返信(解決策)

<html xmlns="http://www.w3.org/1999/xhtml"><head>    <title></title>    <script type="text/javascript">    function che() {		var rs = document.getElementsByName('r');		for (var i = 0, len = rs.length; i < len; i++) {			if (rs[i].checked) {				alert(rs[i].value);				break;			}		}	}    </script></head><body><form name="rad" method="post" action="#"><div><p><input type="radio" value="1" name="r"/>1</p><p><input type="radio" value="2" name="r"/>2</p></div><input type="button" value="check" onclick="che()"/></form></body></html>
ログイン後にコピー

jquery code

新しいドキュメント javascript">
function che() {
var list = document.forms["rad"].elements("r");
for(var i=0;i var radio = リスト[i];
アラート(radio.value)
}
}
name="rad" method="post" action="#">

/p>

2








撃たないでください。 !ふふ

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート