inputRadioObject.nameは、ラジオボタン（type属性がradioであるinput要素）のname属性の値を取得、もしくは、設定するプロパティ。
name属性には、フォーム部品名を指定できる。
構文
取得
var $name = $inputElementReference.name;
戻り値
ラジオボタン（type属性がradioであるinput要素）のname属性の値。
設定
$inputElementReference.name = inputElementName;
- inputElementName
- ラジオボタン（type属性がradioであるinput要素）のname属性値（フォーム部品名）を指定。
サンプル
ラジオボタンＡのname属性値：
ラジオボタンＢのname属性値：
サンプルの動作について
- 「ラジオボタンＡのname属性をradio1に」ボタンをクリックすると、ラジオボタンＡのname属性をradio1にする。「ラジオボタンＡのname属性値：」の右横に「radio1」と表示する。
- 「ラジオボタンＡのname属性をradio2に」ボタンをクリックすると、ラジオボタンＡのname属性をradio2にする。「ラジオボタンＡのname属性値：」の右横に「radio2」と表示する。
- 「ラジオボタンＢのname属性をradio1に」ボタンをクリックすると、ラジオボタンＢのname属性をradio1にする。「ラジオボタンＢのname属性値：」の右横に「radio1」と表示する。
- 「ラジオボタンＢのname属性をradio2に」ボタンをクリックすると、ラジオボタンＢのname属性をradio2にする。「ラジオボタンＢのname属性値：」の右横に「radio2」と表示する。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function setRadio( $id, $name ) {
var $elementReference = document.getElementById( $id );
$elementReference.name = $name;
var $name = $elementReference.name;
if( $id == "radioA" ){
document.getElementById( "sampleOutputA" ).innerHTML = $name;
}else{
document.getElementById( "sampleOutputB" ).innerHTML = $name;
}
}
</script>
function setRadio( $id, $name ) {
var $elementReference = document.getElementById( $id );
$elementReference.name = $name;
var $name = $elementReference.name;
if( $id == "radioA" ){
document.getElementById( "sampleOutputA" ).innerHTML = $name;
}else{
document.getElementById( "sampleOutputB" ).innerHTML = $name;
}
}
</script>
HTML
<div id="sampleWarp">
<p>
<button onclick="setRadio( 'radioA', 'radio1' );">ラジオボタンＡのname属性をradio1に</button>
<button onclick="setRadio( 'radioA', 'radio2' );">ラジオボタンＡのname属性をradio2に</button>
</p>
<p>
<button onclick="setRadio( 'radioB', 'radio1' );">ラジオボタンＢのname属性をradio1に</button>
<button onclick="setRadio( 'radioB', 'radio2' );">ラジオボタンＢのname属性をradio2に</button>
</p>
<p>
ラジオボタンＡのname属性値：<span id="sampleOutputA"></span>
<br />
ラジオボタンＢのname属性値：<span id="sampleOutputB"></span>
</p>
<p>
<label><input type="radio" name="radio1" id="radioA" value="A"> ラジオボタンＡ</label>
<label><input type="radio" name="radio1" id="radioB" value="B"> ラジオボタンＢ</label>
</p>
</div>
<p>
<button onclick="setRadio( 'radioA', 'radio1' );">ラジオボタンＡのname属性をradio1に</button>
<button onclick="setRadio( 'radioA', 'radio2' );">ラジオボタンＡのname属性をradio2に</button>
</p>
<p>
<button onclick="setRadio( 'radioB', 'radio1' );">ラジオボタンＢのname属性をradio1に</button>
<button onclick="setRadio( 'radioB', 'radio2' );">ラジオボタンＢのname属性をradio2に</button>
</p>
<p>
ラジオボタンＡのname属性値：<span id="sampleOutputA"></span>
<br />
ラジオボタンＢのname属性値：<span id="sampleOutputB"></span>
</p>
<p>
<label><input type="radio" name="radio1" id="radioA" value="A"> ラジオボタンＡ</label>
<label><input type="radio" name="radio1" id="radioB" value="B"> ラジオボタンＢ</label>
</p>
</div>