html复选框有value值,HTML Input Checkbox value用法及代码示例

HTML DOM中的Input Checkbox Value属性用于设置或返回输入复选框字段的value属性的值，但是value属性的内容不会显示给用户。当用户提交表单时，该值和其他信息将发送到服务器。但是，如果复选框处于未选中状态，则不会发送任何信息。

用法:

它返回“输入复选框”值属性。checkboxObject.value

它用于设置“输入复选框”值属性。checkboxObject.value = text

属性值：它包含单个值文本，该文本用于指定与输入复选框字段关联的值。

返回值：它返回一个字符串值，该值表示输入复选框字段的value属性的值。

范例1：本示例返回“输入复选框”值属性。

DOM Input Checkbox value Property

GeeksforGeeks

DOM Input Checkbox value Property

value="1" checked>Checked by default

Not checked by default

Submit

function myGeeks() {

var g = document.getElementById("GFG").value;

document.getElementById("sudo").innerHTML = g;

}

输出：

在单击按钮之前：

单击按钮后：

范例2：本示例设置“输入复选框”值属性。

DOM Input Checkbox value Property

GeeksforGeeks

DOM Input Checkbox value Property

value="1" checked>Checked by default

Not checked by default

Submit

function myGeeks() {

var g = document.getElementById("GFG").value

="Geeks";

document.getElementById("sudo").innerHTML

= "The value of the value attribute"

+ " was change to " + g;

}

输出：

在单击按钮之前：

单击按钮后：

支持的浏览器：下面列出了DOM Input Checkbox值属性支持的浏览器：

谷歌浏览器

IE浏览器

Firefox

Opera

Safari