如何檢查選中複選框的數量是否使用jquery乘以3？

-3

在我的ulli標籤和我想要sumbit按下時，檢查檢查複選框的數量是不是3，顯示警報。我如何實現這一目標？ checked複選框的如何檢查選中複選框的數量是否使用jquery乘以3？

<ul> 
    <li><input type="checkbox" />a</li> 
    <li><input type="checkbox" />b</li> 
    <li><input type="checkbox" />c</li> 
    <li><input type="checkbox" />d</li> 
    <li><input type="checkbox" />e</li> 
    <li><input type="checkbox" />f</li> 
</ul> 
<input type="submit" value="go" />

來源

2016-09-14 Develop

'只選擇muliply 3'的你能在這個擴張？ – guradio

你想只選擇每第三次選擇還是必須選擇3個孩子？ –

如果用戶選擇4複選框並單擊繼續它顯示PLZ選擇乘以3 – Develop

獲取長度並使用%（模量）操作者檢查數是3倍數。如果數字是3的倍數，結果將爲0。

$("button").click(function(){ 
 
    var length = $("ul :checkbox:checked").length; 
 
    if (length == 0 || length % 3 != 0) 
 
     console.log("Select multiply of 3"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
    <li><input type="checkbox" />a</li> 
 
    <li><input type="checkbox" />b</li> 
 
    <li><input type="checkbox" />c</li> 
 
    <li><input type="checkbox" />d</li> 
 
    <li><input type="checkbox" />e</li> 
 
    <li><input type="checkbox" />f</li> 
 
</ul> 
 
<button>Continue</button>

來源

2016-09-14 10:48:03 Mohammad

如果沒有勾選複選框，將不起作用。 –

@RanjitSingh好提。 – Mohammad

您可以使用

$("#chkboxes").find("input:checked").length;

你的HTML只是檢查選擇的複選框的數量

<ul id="chkboxes"> 
    <li><input type="checkbox" />a</li> 
    <li><input type="checkbox" />b</li> 
    <li><input type="checkbox" />c</li> 
    <li><input type="checkbox" />d</li> 
    <li><input type="checkbox" />e</li> 
    <li><input type="checkbox" />f</li> 
</ul> 
<button type="button" onclick="checkvalues()">Submit</button><span id="msg"></span>

的js

function checkvalues(){ 
var count = $("#chkboxes").find("input:checked").length; 

$("#msg").text(count>0 && count%3==0?"multiple of 3 selected!":"please select multiple of 3"); 

}

您可以檢查小提琴here

來源

2016-09-14 10:50:48

如何檢查選中複選框的數量是否使用jquery乘以3？

回答

相關問題