Question

<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

Answer 1

值ee和he应该用引号括起来。另请注意，ID应该是唯一的，您可以使用公共类并使用getElementsByClassName使用类来定位所有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;
}

Answer 2

条件错了。如果要检查字符串元素，则必须使用""或''。否则它将被视为变量。

  if(res=="ee"){
     alert("Hello! I am an alert box!");
   }
   else if(res=="he"){
     document.getElementById("checkbox").checked = true;
   }

启用或禁用javascript未发生的复选框

2 个答案: