Невозможно отключить вторую кнопку или любую другую кнопку при нажатии на

Question

Здравствуйте, может ли кто-нибудь помочь мне, чтобы я не смог скрыть вторую или любую другую кнопку во время цикла, когда значение текстового поля меньше 5, тогда кнопка btn_cart должен быть отключен bt, это не происходит, когда я могу отключить только первую кнопку во время цикла, если я изменяю значение любого другого текстового поля до менее 5 бит. Моя первая кнопка отключается, а не остальные. Помогите мне застрять

function toggle(element) { 

    if (element.value>'5') { 
     document.getElementById('btn_cart').style.visibility='visible'; 

    } 
    else { 
     document.getElementById('btn_cart').style.visibility='hidden'; 
     alert('Please have Minimum 5 Quantity ') 
    } 
} 



<?php include ('dbconnect.php'); 
    $prodetails = mysql_query("Select * from product where category_id='$product_id' ORDER BY product_craetedate DESC "); 
    while ($fetchprodata = mysql_fetch_array($prodetails)) 
     { 
?> 
<input type="number" class="item_quantity" value="5" id="" onChange="toggle(this)" /> 
<?php echo "<input type='button' class='item_add items' name='btn_cart' id='btn_cart' value='ADD'>" ?> 

<?php } ?> 

Answer 1

Вы указали один и тот же идентификатор на каждый <input type="button".......> , поэтому, когда вы сделаете document.getElementById('btn_cart').style.visibility='visible'; , он скроет только первую кнопку.

<?php include ('dbconnect.php'); 
$prodetails = mysql_query("Select * from product where category_id='$product_id' ORDER BY product_craetedate DESC "); 
$i = 1 
while ($fetchprodata = mysql_fetch_array($prodetails)) 
    { 

?> 
<input type="number" class="item_quantity" value="5" id="<?php echo $i?>"  onChange="toggle(this)" /> 
<?php echo "<input type='button' class='item_add items' name='btn_cart' id='btn_cart".$i."' value='ADD'>" ?> 

<?php 
$i++; 
} ?> 

изменение сценария

function toggle(element) { 

if (element.value<'5') { 
    document.getElementById('btn_cart'+element.id).style.visibility='hidden'; 
    alert('Please have Minimum 5 Quantity ') 

    }  
} 

Answer 2

Изменение element.value> '5' в element.value> 5