jQuery僅檢查第一種形式

Question

我的頁面上有一種表格。 所以我想用相應的按鈕檢查每個輸入。 所以我這樣寫了smth，即使我單擊第二個輸入按鈕，它也只檢查第一個輸入。

<form target="myFrame" method="post" id="addProduct">
          <fieldset>
           <input type="hidden" name="iProductAdd" value="6" />
           <input type="number" onkeypress="return isNumberKey(event)" name="aProducts[6]" autocomplete="off"  value="" maxlength="4" size="4"  onclick="function()"  class="quantity" />
           <input type="submit" onclick="refreshIframe();" value="" class="addtobasket" id="addtobasket" />
         </fieldset>
          <fieldset>
           <input type="hidden" name="iProductAdd" value="7" />
           <input type="number" onkeypress="return isNumberKey(event)" name="aProducts[7]" autocomplete="off"  value="" maxlength="4" size="4"  onclick="function()"  class="quantity" />
           <input type="submit" onclick="refreshIframe();" value="" class="addtobasket" id="addtobasket" />
         </fieldset>
          <fieldset>
           <input type="hidden" name="iProductAdd" value="4" />
           <input type="number" onkeypress="return isNumberKey(event)" name="aProducts[4]" autocomplete="off"  value="" maxlength="4" size="4"  onclick="function()"  class="quantity" />
           <input type="submit" onclick="refreshIframe();" value="" class="addtobasket" id="addtobasket" />
         </fieldset>
        </form>

而且我有jQuery代碼：

$(document).ready(function(){
$("form").submit(function(){

// Get the Login Name value and trim it
 var name = $.trim($('.quantity').val());

// Check if empty of not
  if (name === '') {
    $("#addtobasket").css("background-image", "url('http://restorani.weby.biz/templates/default/img/tick-red.png')");
    return false;
 } else {
     $('input[type="submit"]').each(function(){
             $("#addtobasket").css("background-image", "url('http://restorani.weby.biz/templates/default/img/tick-green.png')");
     });
 }
});

}）;

Answer 1

您的問題是您正在使用id，因為它們是類。 ID在文檔中應該是唯一的。 因此，使用相同的ID定義多個對象是一個錯誤。 並且所有功能只會在遇到的第一個應用。 要執行所需的操作，必須使用類，因此可以通過以下方式更改代碼：

$(".addtobasket").css("background-image", "url('http://restorani.weby.biz/templates/default/img/tick-green.png')");

查找該類的所有元素。