Question

ex我有一页：

<body><input type='checkbox' /></body>

在我设置选中复选框后，我得到了body标签的结果html：

<body><input type='checkbox' /></body>

为什么呢？我得到html后想要结果：

<body><input type='checkbox' checked /></body>

Answer 1

checked 属性描述了控件的默认已检查状态。

设置checked 属性或点击该复选框将设置当前值。

如果要更改属性，则必须使用JavaScript明确地执行此操作。

e.g。

＆＃13;

document.querySelector('input').addEventListener('change', setAttribute);

function setAttribute(event) {
  if (this.checked) {
    this.setAttribute('checked', 'checked');
  } else {
    this.removeAttribute('checked');
  }
  alert(this.parentNode.innerHTML);
}

＆＃13;

<label>
  <input type="checkbox" value="1" name="1">
  Input
</label>

＆＃13;

在元素的属性发生变化后获取完整的html

1 个答案: