JavaScript限定復選框的選擇個數示例代碼_javascript技巧
來源：懂視網
責編：小采
時間：2020-11-27 21:13:10
JavaScript限定復選框的選擇個數示例代碼_javascript技巧
JavaScript限定復選框的選擇個數示例代碼_javascript技巧:有10個復選框，用戶最多只能勾選3個，否則就灰掉所有復選框。 （用戶再次勾掉復選框時，仍然可以再次選擇。） 將可變的部分設置為JS的參數，以實現代碼復用。 JS代碼 第一個參數為復選框的name，第二個參數為最多允許的勾選值。 代碼如下: function
導讀JavaScript限定復選框的選擇個數示例代碼_javascript技巧:有10個復選框，用戶最多只能勾選3個，否則就灰掉所有復選框。 （用戶再次勾掉復選框時，仍然可以再次選擇。） 將可變的部分設置為JS的參數，以實現代碼復用。 JS代碼 第一個參數為復選框的name，第二個參數為最多允許的勾選值。 代碼如下: function
有10個復選框，用戶最多只能勾選3個，否則就灰掉所有復選框。
（用戶再次勾掉復選框時，仍然可以再次選擇。）
將可變的部分設置為JS的參數，以實現代碼復用。
JS代碼
第一個參數為復選框的name，第二個參數為最多允許的勾選值。
代碼如下:
function choicetest(name,num){
var 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');
}
}
范例程序
代碼如下:
無標題文檔
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
JavaScript限定復選框的選擇個數示例代碼_javascript技巧
JavaScript限定復選框的選擇個數示例代碼_javascript技巧:有10個復選框，用戶最多只能勾選3個，否則就灰掉所有復選框。 （用戶再次勾掉復選框時，仍然可以再次選擇。） 將可變的部分設置為JS的參數，以實現代碼復用。 JS代碼 第一個參數為復選框的name，第二個參數為最多允許的勾選值。 代碼如下: function
