javascript - 启用或禁用JavaScript复选框未发生

<legend>Information</legend>
<div class="row">
    <div class="col-xs-12 col-sm-3 col-md-3">
       <label><strong>{{$val}}</strong></label>
    </div>
    <script>
        var str = "Hello world!";
        var res = str.substring(0, 2);
        if (res == ee) {
            alert("Hello! I am an alert box!");
        } else if (res == he) {
            document.getElementById("checkbox").checked = true;
        }
    </script>
    <div class="col-xs-12 col-sm-3 col-md-3">
        <input type="checkbox" name="operator" id="checkbox" >
    </div>
    <div class="col-xs-12 col-sm-3 col-md-3">
        <input type="checkbox" name="operator" id="checkbox">
    </div>
    <div class="col-xs-12 col-sm-3 col-md-3">
        <input type="checkbox" name="operator" id="checkbox">
    </div>
</div>

<br/>

我已经在上面包含了我的html代码。我不知道为什么复选框对这段JavaScript没有响应。
注意：我应该在div之间的位置使用JavaScript

最佳答案

值ee和he应该用引号引起来。还请注意，ID应该是唯一的，您可以使用通用类，并使用getElementsByClassName使用class定位所有ID：

var res = str.substring(0, 2);
if(res=='ee'){
  alert("Hello! I am an alert box!");
}
else if(res=='he'){
  document.getElementsByClassName("checkbox").checked = true;
}

关于javascript - 启用或禁用JavaScript复选框未发生，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33910486/