JQuery получить только первое значение идентификатора из цикла

Question

Мой код:

<input id='edit' type='checkbox' /> 

while($rs = mysql_fetch_array($query_fetch)) 
    {   
     echo "  
     <input type='text' name='qty' id='qty' value='".$sum[0]."' disabled> 
     "; 
    } 

<script> 
document.getElementById('edit').onchange = function() { 
    document.getElementById('qty').disabled = !this.checked; 
}; 
</script> 

Проблема заключается в том, что, когда установите флажок только первая строка из цикла осуществляется. Я хочу, когда флажок установлен, чтобы все входные данные были включены.

Answer 1

Чтобы сделать это в JQuery, изменение:

<input type='text' name='qty' id='qty' value='".$sum[0]."' disabled> 

Кому:

<input type='text' name='qty' class='qty' value='".$sum[0]."' disabled> 

И добавьте следующий код:

$('#edit').click(function() { 
    if ($(this).prop('checked')) { 
     $('.qty').prop('disabled', false); 
    } else { 
     $('.qty').prop('disabled', true); 
    } 
}); 

Примечание: идентификаторы объектов DOM должны быть уникальными. Ни один из двух элементов не должен иметь одинаковый идентификатор. Вы можете назначить один и тот же класс нескольким элементам и идентифицировать их в javascript таким образом. Кроме того, если эти элементы input являются элементами формы, которые вы планируете обрабатывать на стороне сервера, вам нужно будет назвать их по-другому или будет доступно только последнее назначенное значение.

Answer 2

Чтобы сделать это в JQuery: запись класса

добавить в текстовые поля:

<input type='text' class='qty' name='qty' id='qty' value='".$sum[0]."' disabled> 

, а затем использовать JQuery

$("#edit").click(function() { 
    $(".qty").each(function(index) { 
      if ($("#edit").is(':checked')) { 
       $(this).prop('disabled', false); 
      } else { 
       $(this).prop('disabled', true); 
      } 
    }); 
}); 

Answer 3

Первое, что вы не используете id для такого количества элементов ... id уникален для каждого элемента ... здесь вы можете использовать класс = qty.

вы можете получить значение класса с помощью Jquery

$('.qty').eq(0).val(); 

еще, если вы хотите использовать идентификатор, то вы можете сцепить любой встречные переменный (I) к идентификатору

echo "  
    <input type='text' name='qty"+i+"' id='qty' value='".$sum[0]."' disabled> 
    ";