​x
 
<!DOCTYPE html>
<html>
<body>
​
<form action="/demo/htmldom/action_page.php">
  <input type="checkbox" id="myCheck" name="vehicle" value="Bike" checked>我有一辆自行车<br><br>
  <input type="submit" value="提交">
</form>
​
<p>提交表单可查看复选框的 name 和 value 属性的值，作为收到的输入（必须选中复选框，否则不返回任何内容）。</p>
​
<p>单击“试一试”按钮可将值从“Bike”更改为“newCheckboxValue”。</p>
​
<button onclick="myFunction()">试一试</button>
​
<p id="demo"></p>
​
<script>
function myFunction() {
  document.getElementById("myCheck").value = "newCheckboxValue";
  document.getElementById("demo").innerHTML = "value 属性的值已更改。请尝试再次提交表单。";
}
</script>
​
</body>
</html>
​