选中是否选中复选框,显示两个布尔值

时间:2017-12-07 16:19:34

标签: javascript checkbox

我正在尝试确定是否选中了复选框,但是当我按下复选框时,javascript会显示:

false
true

当我再次推它时,它会变为

true
false

然后我继续推进......

我怎样才能显示其中一个?

这是我的javascript代码:

function selected() {
  const bg = document.getElementById("myCheck").checked;

  console.log(bg);

  if (bg == 'true') {
    document.getElementById("changeBG").style.backgroundColor = 'red';
  } else {
    document.getElementById("changeBG").style.backgroundColor = 'green';
  }
}

1 个答案:

答案 0 :(得分:1)

这是不正确的:

if (bg == 'true') {

checked属性为您提供布尔值,而不是字符串。 true是一个字符串。

只需使用:

if (bg) {