Кнопка отключения в петле для одной колонки

У меня есть 1 строка и 3 столбца. В каждом столбце есть 3 кнопки с разными id.Кнопка отключения в петле для одной колонки

пример 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="2evening".

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

источник

2015-10-29 Fai Zal Dong

'document.getElementById ("2evening") отключена = истина;.' – mwilson

если ( Вечер === "2evening") { document.getElementById ("2evening"). Disabled = true; } – brk

Я не хочу устанавливать его вручную, я хочу использовать цикл. Или, может быть, я могу поставить оператор If перед циклом этот код цикла JS? –

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

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

Дополнительная информация: How to disable html button using JavaScript?

источник

2015-10-29 03:41:25 mwilson

функция Make для чем то вы можете использовать с каждым событием, как 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>

источник

2015-10-29 04:07:21

ничего не помогает. в любом случае спасибо за ответ –

это для очистки ваших основ. это не готовый ответ. –

Кнопка отключения в петле для одной колонки

ответ

Смежные вопросы