Radio nameプロパティ
Radio オブジェクト
定義と使い方
name プロパティは、ラジオボタンの名前を設定または返します。
ヒント：name プロパティで定義されたラジオボタングループ（同じ名前のラジオボタンは同じグループに属します）。
name プロパティは、フォーム送信後にサーバーへデータを送信するため、または JavaScript でフォームデータを参照するために使用されます。
注意：フォーム送信後、フォーム要素の name プロパティのみがデータ値を渡します。
構文
name プロパティを設定する:
radioObject.name="name"
name プロパティを返す:
radioObject.name
ブラウザサポート
すべての主要ブラウザが name プロパティをサポートしています
例
例
"Red" ラジオボタンの name プロパティ値を表示:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル(example.com)</title>
<script>
function displayResult(){
var x=document.getElementById("red").name;
alert(x);
}
</script>
</head>
<body>
<form>
どの色が好きですか?<br>
<input type="radio" name="colors" id="red">赤<br>
<input type="radio" name="colors" id="blue">青<br>
<input type="radio" name="colors" id="green">緑
</form>
<button type="button" onclick="displayResult()">赤いラジオボタンの名前を表示</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル(example.com)</title>
<script>
function displayResult(){
var x=document.getElementById("red").name;
alert(x);
}
</script>
</head>
<body>
<form>
どの色が好きですか?<br>
<input type="radio" name="colors" id="red">赤<br>
<input type="radio" name="colors" id="blue">青<br>
<input type="radio" name="colors" id="green">緑
</form>
<button type="button" onclick="displayResult()">赤いラジオボタンの名前を表示</button>
</body>
</html>
試してみる »
Radio オブジェクト その他の拡張