简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > js教程 > 主體

js限制checkbox選取個數以限制六個為例_javascript技巧

WBOY
發布： 2016-05-16 16:42:00
原創
1155 人瀏覽過

今天在做專案時，碰到一個問題，我需要展示多個checkbox複選框，而只能允許最多選6個。調試了老半天，終於出來了，程式碼如下：

<SCRIPT LANGUAGE="JavaScript"> 
var c=0,limit=6; 
function doCheck(obj) { 
obj.checked&#63;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>
登入後複製

展示結果如下：

相關標籤：
checkbox 选中个数
來源：php.cn
上一篇：Express作者TJ告別Node.js奔向Go_node.js 下一篇：nodejs 實作模擬form表單上傳檔案_node.js
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
提交後如何列印選定的複選框值 這是我的複選框清單和我需要提交資料的按鈕..<label>AccessLocations</label><br/><inputtype=&...
來自於 2024-04-06 13:07:43
0
2
337
如何套用連續類別中的 CSS 樣式 當.checked類別存在時，我需要插入text-decoration:line-through;樣式到.todo-name（我一直不明白是否可以用css來實現，但萬一我也可以使用...
來自於 2024-04-02 22:44:36
0
1
319
Bootstrap Vue 複選框 <b-table> <b-form-checkbox> 我正在嘗試將b-form-checkbox與b-table一起使用。嘗試檢索選定的模組ID。 <b-tableid="module-table":item...
來自於 2024-03-31 18:36:11
0
1
389
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！