2016-02-04 123 views
-1

我怎樣才能檢查至少有一個複選框必須在PHP中使用jQuery選擇? 如果用戶沒有標記任何複選框,我想顯示警報。如何檢查至少一個複選框必須在PHP中選擇jQuery的

以下是我正在測試的當前代碼,但它始終提供警報。

HTML:

<div class="form"> 
    <form id="dddd" action="action.php" method="post" enctype="multipart/form-data"> 
    <div> 
     <label><input type="checkbox" name="checkboxlist[]" value="a" checked> a</label> 
     <label><input type="checkbox" name="checkboxlist[]" value="b" checked> b</label> 
     <label><input type="checkbox" name="checkboxlist[]" value="c" checked> c</label> 
     <label><input type="checkbox" name="checkboxlist[]" value="d" checked> d</label> 
     <label><input type="checkbox" name="checkboxlist[]" value="e" checked> e</label> 
     <label><input type="checkbox" name="checkboxlist[]" value="f" checked> f</label> 
     <label><input type="checkbox" name="checkboxlist[]" value="g" checked> g</label> 
    </div> 
    <p> 
     <button type="submit" class="btn btn-primary">Start</button>  
    </p> 
    </form> 

的JavaScript:

$(document).ready(function() { 
    $("form#dddd").submit (function() { 
    if ($('.checkboxlist').is(":checked") == false) { 
     alert("Please select at least one item !"); 
     return false; 
    } 
    return true; 
    }); 
}); 

編輯基於響應和運行 工作代碼

<script> 
    $(document).ready(function() { 
     $("form#dddd").submit (function() { 
      if($('input[type="checkbox"]:checked').length) { 
       return true; 
      } else { 
       alert("Please select at least one item !"); 
       return false; 
      }   
     }); 
    }); 
</script> 
+0

凡有你'

+0

考慮使用'單選按鈕單曲。他們的目的是強制用戶選擇恰好一個選項。 – slartidan

+0

你問了很多問題,但還沒有接受任何答案。這個網站是雙向的。如果你期望得到幫助,你應該通過接受他們的回答來獎勵那些幫助你的人。閱讀[接受答案如何工作?](http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work)並開始回饋社區。 –

回答

4

檢查:checked複選框的長度類似以下

if($('input[type="checkbox"]:checked').length) { 
    // do your stuff 
} 

代替

if($('.checkboxlist').is(":checked") == false) { 

} 
+0

謝謝你的回答。我根據您的答案編輯我的代碼並使用代碼。 – vjdj

+0

@vjdj應該工作,並在我自己的機器上進行測試。你確定你加載了jQuery庫? –

+0

現在代碼工作,感謝您的幫助。我用工作代碼編輯我的第一篇文章。 – vjdj

1

試試這個:

if($('input[name^=checkboxlist]:checked').length > 0) { 
    alert("success"); 
} else { 
    alert("error"); 
    return false; 
} 
+0

在alert(「error」)後面應該有一個'return false;';否則腳本會繼續執行。也許「迴歸真實」,也是爲了成功。但是,前者在這裏是最重要的。 –

相關問題