ホームページ >ウェブフロントエンド >htmlチュートリアル >ラジオで選択された値をJavaScriptに渡すにはどうすればよいですか? _html/css_WEB-ITnose
ラジオで選択された値をJavaScriptに渡すにはどうすればよいですか? _html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:10:051201ブラウズ
<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
e7cebc93fd21f26926d7c4a26eb8cdc2
$("input[type=radio]").click(function(){
alert($(this).val());
});
2cacc6d41bbb37262a98f745aa00fbf0
b2386ffb911b14667cb8f0f91ea547a7 新しいドキュメント 6e916e0f7d1e588d4f442bf645aedb2f 97f2b6ae5f4f65bc7d15c6c9b9e8be8c javascript">
function che() {
var list = document.forms["rad"].elements("r");
for(var i=0;i
アラート(radio.value)
}
}
9c3bca370b5104690d9ef395f2c5f8d1 name="rad" method="post" action="#">
dc6dce4a544fdca2df29d5ac0ea9906b e388a4556c0f65e1904146cc1a846bee76441ed6d7ac7c0593e245bd01ddfbea /p>
b6a021934b9bbe6531452cdcbba983c5
86f5ef1cb131b7d7cf447e39968dbd85
f5a47148e367a6035fd7a2faa965022e
73a6ac4ed44ffec12cee46588e518a5e
撃たないでください。 ！ふふ