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