模板無憂
網頁特效
每日更新
|
TOP排行榜
|
Tag標簽
|
充值
無憂首頁
網頁模板
程序模板
建站教程
視頻教程
網頁特效
圖標素材
字體下載
站長工具
站長問答
網頁特效
菜單導航
圖片特效
文本鏈接
層和布局
頁面背景
表單按鈕
日期時間
計算轉換
鍵盤鼠標
瀏覽器
游戲娛樂
綜合其它
常用代碼
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在線編輯器
Mootools
HTML
JS廣告代碼合集
站長工具
站長常用軟件
網站綜合查詢
Alexa排名查詢
Google PR查詢
域名Whois查詢
網站收錄查詢
友情鏈接查詢
CSS2中文手冊
CSS精簡優化工具
網頁特效代碼
模板無憂
>
網頁特效
>
表單按鈕特效代碼
>
收藏
分享
查看評論
表單按鈕
演示
限制復選框的最大可選數_表單按鈕特效
查看演示效果
特效Tag：
最大
添加
限制復選框的最大可選數,您可以先修改部分代碼再運行.
<html> <head> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312"> <title>html－模板無憂www.wf0088.com</title> </head> <body> <SCRIPT LANGUAGE="JavaScript"> <!-- //checkbox元素的名字前綴，本例為sample1,sample2,sample3... var sCtrlPrefix = "sample"; //checkbox元素數量，本例有18個； var iMaxCheckbox = 18; //設置最大允許選擇的數量； var iMaxSelected = 5; function doCheck(ctrl) { var iNumChecked = 0; var thisCtrl; var i; //初始化 i = 1; //循環直到選中了最多的checkbox; while ((i <= iMaxCheckbox) && (iNumChecked <= iMaxSelected)) { thisCtrl = eval("ctrl.form." + sCtrlPrefix + i); if ((thisCtrl != ctrl) && (thisCtrl.checked)) { iNumChecked++; } i++; } // 檢查是否達到了最大選擇數量； if (iNumChecked == iMaxSelected) { // 如果是則uncheck剛選擇的元素； ctrl.checked = false; } } // --> </SCRIPT> <form name="form" method="post"> <table align="center" border="1" cellpadding="5" cellspacing="0"> <tr> <td> <input type="CHECKBOX" name="sample1" onClick="doCheck(this)"> A</td> <td> <input type="CHECKBOX" name="sample2" onClick="doCheck(this)"> B</td> <td> <input type="CHECKBOX" name="sample3" onClick="doCheck(this)"> C</td> </tr> <tr> <td> <input type="CHECKBOX" name="sample4" onClick="doCheck(this)"> D</td> <td> <input type="CHECKBOX" name="sample5" onClick="doCheck(this)"> E</td> <td> <input type="CHECKBOX" name="sample6" onClick="doCheck(this)"> F</td> </tr> <tr> <td> <input type="CHECKBOX" name="sample7" onClick="doCheck(this)"> G</td> <td> <input type="CHECKBOX" name="sample8" onClick="doCheck(this)"> H</td> <td> <input type="CHECKBOX" name="sample9" onClick="doCheck(this)"> I</td> </tr> <tr> <td> <input type="CHECKBOX" name="sample10" onClick="doCheck(this)"> J</td> <td> <input type="CHECKBOX" name="sample11" onClick="doCheck(this)"> K</td> <td> <input type="CHECKBOX" name="sample12" onClick="doCheck(this)"> L</td> </tr> <tr> <td> <input type="CHECKBOX" name="sample13" onClick="doCheck(this)"> M</td> <td> <input type="CHECKBOX" name="sample14" onClick="doCheck(this)"> N</td> <td> <input type="CHECKBOX" name="sample15" onClick="doCheck(this)"> O</td> </tr> <tr> <td> <input type="CHECKBOX" name="sample16" onClick="doCheck(this)"> P</td> <td> <input type="CHECKBOX" name="sample17" onClick="doCheck(this)"> Q</td> <td> <input type="CHECKBOX" name="sample18" onClick="doCheck(this)"> R</td> </tr> </table> </form> </body> </html>
所屬頻道：
表單按鈕特效
/
更新時間：2012-11-14
[收藏]
[報錯]
[返回列表]
相關
表單按鈕特效
：
又一個帶描述的表單
可自由移動位置的導航條
頁面轉跳。跟本站的教學文章中的那些轉到第幾頁一樣的
帶Checkbox的列表框
提供四種打開新窗的形式
自動復制代碼
方便登錄各種管理頁面以及任何EMAIL量身定做！
QQ分類搜索代碼
查找表格的內容
一個帶描述的表單
常用email檢驗函數
file框模擬新解
表單按鈕特效Rss訂閱
特效代碼搜索
表單按鈕特效推薦
復選框控制文本輸入框是否可用
自由打開窗口
一個不錯的用CSS布局的表單
一個實用的JS表單驗證提示效果
一個清新的CSS表單布局
一個帶提示的Ajax驗證表單
JavaScript動態操作表格，添加，刪除行、列及單元格
通過超鏈接提交表單
檢測頁面來源
點擊按鈕后加載進度條
猜你也喜歡看這些
跟隨鼠標的日期表盤特效
星期查詢！可設置任意、年、月、日 ！！
按鈕時鐘
日期時間都在一個按鈕上顯示
網頁日期時間的多種JS顯示方式
科學計算器
在IE的標題欄顯示時間的Js
多種地域的時間顯示
JS計時器(非倒計時)
在狀態欄中顯示停留時間
相關鏈接：
復制本頁鏈接
|
搜索限制復選框的最大可選數
特效說明：
表單按鈕模板
-
限制復選框的最大可選數
。
。