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