Input Checkbox value 属性

HTML DOM インプット チェックボックス オブジェクト

定義と用法

value 属性設定またはチェックボックスの value 属性の値を返します。

チェックボックスの場合、value 属性の内容はユーザーインターフェースに表示されません。value 属性はフォームを送信する際にのみ意味があります。チェックボックスが選択された場合、チェックボックスの名前と value 属性の値が一緒に送信されます（チェックボックスが選択されていない場合、何も送信されません）。

も参照してください：

HTML 参考マニュアル：HTML <input> value 属性

例

例 1

チェックボックスの value 属性の値を返します：

var x = document.getElementById("myCheck").value;

自分で試してみてください

例 2

チェックボックスに関連付けられた値を変更する：

document.getElementById("myCheck").value = "newCheckboxValue";

自分で試してみてください

例 3

フォームの送信 - チェックボックスに関連付けられた値をどう変更するか：

document.getElementById("myCheck").value = "newCheckboxValue";
document.getElementById("demo").innerHTML = "value 属性の値が変更されました。再度フォームを送信してください。";

自分で試してみてください

文法

value 属性を返す：

checkboxObject.value

value 属性を設定する：

checkboxObject.value = text

属性値

値 説明
text 入力に関連付けられた値（送信時に送信される値）を指定します。

技術的詳細

返り値： チェックボックスの value 属性の値を示す文字列値。

ブラウザサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート

HTML DOM インプット チェックボックス オブジェクト