Почему не работает скрипт?

Question

[mrzgt]

Есть поле для ввода количества,

<input type="text" name="quantity" value="<?php echo $minimum; ?>" data-toggle="tooltip" title="<?php echo $entry_qty; ?>" size="2" id="input-quantity" class="form-control" />

нужно getElementById заменить на getElementsByClassName, но так скрипт не работает

<input type="text" name="quantity" value="<?php echo $minimum; ?>" data-toggle="tooltip" title="<?php echo $entry_qty; ?>" size="2" class="input-quantity form-control" />

Answer 1

[MamaLuyba]

ну дык className возвращает список элементов, а не один элемент.
и количество этих элементов = ClassName('class').length.
а ссылка на конкретный элемент в классе = ClassName('class')[0] (первый элемент).
а уже к нему можно и value применять.

Answer 2

[Alfieros]

Всё работает.
Ваш вариант:

if(document.getElementsByClassName("input-quantity").value <= 1) {
   return false;
   }

Мой вариант:

if(document.getElementsByClassName("input-quantity")[0].value <= 1) {
   return false;
   }

Answer 3

[Сергей Котов]

чеза гибрид jQuery и натива?

$( document ).ready(function() {
    function minus(){
      if($(".input-quantity").value() <= 1) {
        return false;
      }
      $(".input-quantity").value()--;
    }

   function plus(){
     $(".input-quantity").value() ++;
   }

   $("#minus").click(function(){
     minus();
   });
   $("#plus").click(function(){
     plus();
   });
});