JavaScript DOM Input Checkbox 对象 checked 属性

• 

  Input Checkbox 对象 checked 属性

  checked属性设置或返回复选框的选中状态。此属性反映HTML checked属性。

  设置复选框的选中状态：

  function check() {
      document.getElementById("myCheck").checked = true;
  }
  
  function uncheck() {
      document.getElementById("myCheck").checked = false;
  }

  复制

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  checked	支持	支持	支持	支持	支持

• 

  语法

  返回checked属性：

  CheckboxObject.checked

  设置checked属性

  CheckboxObject.checked = true|false
• 

  属性值

  值	描述
  true|false	指定是否应选中复选框。 true - 选中该复选框 false - 默认。 未选中该复选框

• 

  技术细节

  项目	描述
  返回值	一个布尔值，如果选中该复选框则返回true，如果未选中该复选框则返回false

• 

  更多例子

  找出是否选中了复选框：

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

  复制

  尝试一下

  使用复选框将输入字段中的文本转换为大写：

  document.getElementById("fname").value = document.getElementById("fname").value.toUpperCase();

  复制

  尝试一下

  表单中的几个复选框：

  var coffee = document.forms[0];
  var txt = "";
  var i;
  for (i = 0; i < coffee.length; i++) {
    if (coffee[i].checked) {
      txt = txt + coffee[i].value + " ";
    }
  }
  document.getElementById("order").value = "You ordered a coffee with: " + txt;

  复制

  尝试一下
• 

  相关页面

  HTML参考：HTML <input> checked 属性