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

enable or disable checkbox from javascript not happening

本文关键字:复选框 javascript 启用      更新时间:2023-09-26

<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

eehe应该用引号括起来。还要注意,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;
}

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

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