复选框javascript显示状态

这个脚本有什么问题？我只想在innerHTML中显示复选框状态，单击按钮后显示“是”，如果选中，否则显示“否”

函数myFunction（）{
var-box=document.getElementById（“chkbox”）；
如果（复选框。选中）
{
var checked.value=“是”；
var txt=checked.value；
document.getElementById（“demo”）.innerHTML=txt；
}
else if（复选框。未选中）
{
var.value=“否”；
var txt=unchecked.value；
document.getElementById（“demo”）.innerHTML=txt；
}
}

检查一下这个

function myFunction() {
      if(document.getElementById('chkbox').checked) {
        alert("checked");
    } else {
       alert("not checked")
    }
    }

尝试：

• 您已将元素分配给

  框

  而不是

  复选框

• 没有什么比复选框更像了。未选中
• 变量名称

  已选中。值的格式不正确

以下是代码：

function myFunction() {
   var box = document.getElementById("chkbox");
   if (box.checked) {
    document.getElementById("demo").innerHTML = "yes";
   } else {
    document.getElementById("demo").innerHTML = "no";
   }
}

---

存在多个问题

没有名为

复选框的变量

语法

var checked.value=“yes”无效

试一试

演示：

---

因为使用了jQuery标记，所以在页面中包含jQuery库

<input type="button" value="button" id="button">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

演示：

代码中的问题是：

• 您设置了变量

  框

  ，但随后使用了

  复选框。选中了
  而不是
  框。选中了
  

• 您查找了

  复选框。未选中
  。没有这样的财产；如果
  .checked
  不正确，则该框未选中

• 您试图声明变量

  已选中。value

  和

  未选中。value

  。变量名不能包含
  ，当访问值为对象的变量时，用于指定对象属性

---

试试这样的速记法

function myFunction(){
    var box = document.getElementById("chkbox").checked;
    document.getElementById("demo").innerHTML = box ? 'yes' : 'no';
}

---

没有

复选框。未选中
。如果
复选框.checked
不是真的，那么它就没有被选中——您不必查看其他属性。我从未见过
未选中的
属性的复选框！这是什么
var checked.value=“yes”？您的
var框
无处使用。错误太多了…您需要定义
var unchecked={value:“no”}
我不想要javascript警报bro，我只想在innerHTML标记中显示状态。@Barmar抱歉，当我将其复制到fiddle时可能发生了一些事情
function myFunction() {
    var box = document.getElementById("chkbox");
    box.value = box.checked ? "yes" : 'no';
    document.getElementById("demo").innerHTML = box.value;
}

<input type="button" value="button" id="button">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

//dom ready handler
jQuery(function ($) {
    //cache the elements for future use
    var $chk = $('#chkbox'), // id-selector
        $demo = $('#demo');
    //click event handler
    $('#button').click(function () {
        //use is() and :checked-selector to check whether the checkbox is checked and use .text() to set the display text of the p element
        $demo.text($chk.is(':checked') ? 'yes' : 'no')
    })
})

function myFunction() {
    var box = document.getElementById("chkbox");
    if(box.checked)
    {
        document.getElementById("demo").innerHTML = 'yes'
    }
    else
    {
        document.getElementById("demo").innerHTML = 'no';
    }
}

function myFunction(){
    var box = document.getElementById("chkbox").checked;
    document.getElementById("demo").innerHTML = box ? 'yes' : 'no';
}