js限定復選框checkbox最多只能勾選的個數

新建一個html文件，定名為test.html，用于實現限制復選框checkbox最多只能勾選的個數。

在test.html頁面內，建立一個form表單，在form表單里面建立一個table表格，在表格里面界說多個checkbox復選框。

給每個復選框綁心猿意馬onclick點擊事務，在勾選復選框的時辰，觸發點擊事務去執行doCheck（）函數，并把當前的checkbox對象作為參數傳遞給函數，實現對復選框選擇個數的限制。

在js中，設置多個變量，例如，sCtrlPrefix元素前綴、iMaxCheckbox復選框個數、iMaxSelected最多可選復選框的個數（這里設置最多可勾選5個），在doCheck（）函數里利用。

每次勾選復選框的時辰，都利用while語句遍歷所有的checkbox復選框，獲適當前勾選的復選框的位置，代碼如下：

利用if語句判定當前復選框的位置是否達到了最大選擇數目，若是是，當前元素不克不及被勾選。代碼如下：

至此，完當作所有代碼的編寫。

在瀏覽器運行test.html頁面，當勾選復選框跨越5個時，不克不及再勾選復選框。

0 條評論