首頁 > web前端 > js教程 > JavaScript限定複選框的選擇個數範例程式碼_javascript技巧

JavaScript限定複選框的選擇個數範例程式碼_javascript技巧

WBOY
發布: 2016-05-16 17:24:27
原創
1054 人瀏覽過

有10個複選框,用戶最多只能勾選3個,否則就灰掉所有複選框。
(使用者再次勾選複選框時,仍可再次選擇。)
將可變的部分設定為JS的參數,以實現程式碼複用。

JS程式碼
第一個參數為複選框的name,第二個參數為最多允許的勾選值。

複製程式碼 程式碼如下:

function choicetest(name,numnum){ choicearr = document.getElementsByName(name);
var a=0;
for(var i=0;iif(choicearr[i].checked){
a=a 1;
}
if(a==num){
for(var i=0;iif(!choicearr[i]. checked)
choicearr[i].disabled='disabled';
}else{
for(var i=0;ichoicearr[i].removeAttribute( 'disabled');
}
}


範例程式



無標題文件




選擇1
選擇2
選擇3
選擇4
選5


選擇6
選擇7
選擇8
選9
選10
div>



相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板