js限制checkbox選中個數，jscheckbox個數
今天在做項目時，碰到一個問題，我需要展示多個checkbox複選框，而只能允許最多選6個。調試了老半天，終於出來了，代碼如下：
<SCRIPT LANGUAGE="JavaScript"> var c=0,limit=6; function doCheck(obj) { obj.checked?c++:c--; if(c>limit){ obj.checked=false; alert("over"); c--; }} </SCRIPT> <html><body> <input type="CHECKBOX" name="sample1" onClick="doCheck(this)">A <input type="CHECKBOX" name="sample2" onClick="doCheck(this)">B <input type="CHECKBOX" name="sample3" onClick="doCheck(this)">C <input type="CHECKBOX" name="sample4" onClick="doCheck(this)">D <input type="CHECKBOX" name="sample5" onClick="doCheck(this)">E <input type="CHECKBOX" name="sample6" onClick="doCheck(this)">F <input type="CHECKBOX" name="sample7" onClick="doCheck(this)">G <input type="CHECKBOX" name="sample8" onClick="doCheck(this)">H <input type="CHECKBOX" name="sample9" onClick="doCheck(this)">I <input type="CHECKBOX" name="sample10" onClick="doCheck(this)">J </body></html>
展示結果如下：
特此分享，希望對大家有協助
<input type="checkbox" name="apple" value="1">
<input type="checkbox" name="apple" value="1">
<input type="checkbox" name="apple" value="1">
<input type="checkbox" name="apple" value="1">
孩子~~多選框的name一般是一樣的,學哪去了你..
要是name不一樣,就不是同一組選項了,更沒必要判斷他選了多少個
function checkboxNum(){
var checkbox = document.getElementByName("apple");
var j = 0; // 使用者選中的選項個數
for(var i=0;i<checkbox.length;i++){
if(checkbox[i].checked){
j++;
}
if(i>6){
break;
}
}
alert("選項不能超過6個");
}
js怎取得name=checkbox[]的複選框選中個數
var inputs = document.getElementsByName("cb[]");
var checked_counts = 0;
for(var i=0;i<inputs.length;i++){
if(inputs[i].checked){
checked_counts++;
}
}
alert(checked_counts);
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
