Отключенная кнопка в цикле для одного столбца

У меня 1 строка и 3 столбца. В каждом столбце есть 3 кнопки с разными 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"

* Я хочу отключить кнопку в столбце 2 с помощью id="2evening"

Я знаю, как отключить кнопку с помощью javascript, но я не знаю, как манипулировать javascript, чтобы отключить нужную кнопку.

HTML-код:

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

Проблема заключается в отключенной кнопке Javascript во всех столбцах с id="1evening", id="2evening" и id="3evening". Я хочу отключить кнопку только с id="2evening".

Спасибо, Файзал


javascript button html getelementbyid disabled-control
person Fai Zal Dong    schedule 29.10.2015    source источник
comment
if(‹?php echo $i;?›evening === 2evening){ document.getElementById(2evening).disabled = true; }   -  person brk    schedule 29.10.2015
comment
Я не хочу устанавливать его вручную, я хочу использовать цикл. Или, может быть, я могу поставить оператор If перед циклом этого кода цикла JS?   -  person Fai Zal Dong    schedule 29.10.2015
comment
правильный ответ от @user2181397 спасибо!   -  person Fai Zal Dong    schedule 02.11.2015

Ответы (2)


arrow_upward
3
arrow_downward

Ваш селектор неверен. В document.getElementById(<id here>) вам просто нужно указать идентификатор элемента, с которым вы хотите работать. Итак, если вы хотите отключить кнопку 2evening, вы должны сделать следующее:

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

Дополнительная информация: Как отключить кнопку html с помощью JavaScript?

person mwilson    schedule 29.10.2015

arrow_upward
0
arrow_downward

Создайте функцию, которую затем можно использовать с каждым событием, например 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>
person Gaurang Joshi    schedule 29.10.2015
comment
ничего не помогает. в любом случае спасибо за ответ - person Fai Zal Dong; 29.10.2015
comment
это для того, чтобы очистить ваши основы. это не готовый ответ. - person Gaurang Joshi; 29.10.2015