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

时间:2015-11-25 07:11:35

标签: javascript jquery html

<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

2 个答案:

答案 0 :(得分:2)

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;
}

答案 1 :(得分:0)

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

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