Question

我有1行3列。每列有3个按钮，具有不同的id s。

示例id：

--column 1--       --column 2--       --column 3--
id="1morning"      id="2morning"      id="3morning"
id="1evening"      id="2evening"      id="3evening"
id="1afternoon"    id="2afternoon"    id="3afternoon"

*我想要使用id="2evening"

禁用第2列中的按钮

我知道如何使用javascript禁用按钮但我不知道如何操作javascript以便我可以禁用我想要的按钮。

HTML code：

<br>
<div class="col-md-9">
  <div class="well.hilang"> 
    <table>
      <tr>
       <?php
       for ($i=1; $i <=3 ; $i++) { 
         ?>
         <td>
           <?php echo $i;?>  
           <div class="form-group">
             <input class="btn btn-l" type="submit" name="submit" id="<?php echo $i;?>morning" ><br>
             <input class="btn btn-l" type="submit" name="submit" id="<?php echo $i;?>evening" ><br>
             <input class="btn btn-l" type="submit" name="submit" id="<?php echo $i;?>afternoon" >
           </div>
         </td>
         <?php }
         ?>
       </tr>
     </table>
   </div>
 </div>

JS代码：

<?php for ($i=1; $i <=3 ; $i++) { ?>
<script>
  document.getElementById("<?php echo $i;?>evening").disabled = true;
</script>
<?php } ?>

问题是所有列中包含id="1evening"，id="2evening"和id="3evening"的已禁用Javascript按钮。我想要的是仅使用id="2evening"禁用按钮。

谢谢， faizal

Answer 1

您的选择器不正确。在document.getElementById(<id here>)中，您只需要告诉它您要使用的元素ID。因此，如果要禁用2evening按钮，请执行以下操作：

document.getElementById("2evening").disabled = true;

更多信息：How to disable html button using JavaScript?

Answer 2

创建功能比您可以使用onload或onclick

等每个事件

HTML

<body onload="myFunction()" >
    <button id="myBtn" >My Button</button>
    <!--<button id="makesomething" onclick="myFunction()">Click Here to Disable above button</button>-->
</body>

的JavaScript

<script>
function myFunction() {
    document.getElementById("myBtn").disabled = true;
}
</script>

单列

2 个答案: