快捷導(dǎo)航

判斷checkbox選擇的個數(shù) 多瀏覽器

更新時間：2006年09月19日 00:00:00 作者：

就是不能讓用戶選擇超過5個checkbox

第二種方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>無標(biāo)題文檔</title>  </head> <body> <form id="form1" name="form1" method="post" action="">   <table width="520" height="221" border="1">     <tr>       <td><label>         <input type="checkbox" name="checkbox3" value="checkboxa" />        1          <input type="checkbox" name="checkbox3" value="checkboxaa" />        2         <input type="checkbox" name="checkbox3" value="checkboxaaa" />         3         <input type="checkbox" name="checkbox3" value="checkboxaaaa" />         4         <input type="checkbox" name="checkbox3" value="checkboxcv" />         5         <input type="checkbox" name="checkbox3" value="checkboxcvb" />         6         <input type="checkbox" name="checkbox3" value="checkboxcvbcvb" />         7         <input type="checkbox" name="checkbox3" value="checkboxcvbcvbcv" />         8         <input type="checkbox" name="checkbox3" value="checcvb" />         9         <input type="checkbox" name="checkbox3" value="checvb" />         10         <input type="checkbox" name="checkbox3" value="chcvbox" />         <input type="checkbox" name="checkbox3" value="chcvbcvbox" />         <input type="checkbox" name="checkbox3" value="ccvbcvbcvox" />       </label></td>       <td>&nbsp;</td>       <td>&nbsp;</td>     </tr>     <tr>       <td><input type="button" name="Submit" value="按鈕" onclick="boxnum('checkbox3')" /></td>       <td>&nbsp;</td>       <td>&nbsp;</td>     </tr>     <tr>       <td>&nbsp;</td>       <td>&nbsp;</td>       <td>&nbsp;</td>     </tr>   </table> </form> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

上面的只能在IE下運行
支持多瀏覽器的方法

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

當(dāng)判斷checkbox選擇的個數(shù)

相關(guān)文章

在微信小程序里使用watch和computed的方法
這篇文章主要介紹了在微信小程序里使用watch和computed的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-08-08
javascript實現(xiàn)十六進(jìn)制顏色值（HEX）和RGB格式相互轉(zhuǎn)換
這篇文章主要介紹了javascript實現(xiàn)十六進(jìn)制顏色值（HEX）和RGB格式之間的轉(zhuǎn)換,使用正則的方法實現(xiàn)RGB顏色轉(zhuǎn)換為16進(jìn)制,需要的朋友可以參考下
2014-06-06
微信小程序中單位rpx和rem的使用
rpx是微信小程序新推出的一個單位，按官方的定義，rpx可以根據(jù)屏幕寬度進(jìn)行自適應(yīng)，在rpx出現(xiàn)之前，web頁面的自適應(yīng)布局已經(jīng)有了多種解決方案，為什么微信還搗鼓出新的rpx單位？下面通過這篇文章來一起看看吧。
2016-12-12
一個非常全面的javascript URL解析函數(shù)和分段URL解析方法
本文詳細(xì)介紹了一個非常全面的javascript URL解析函數(shù)，可以解析一個URL中的協(xié)議、主機、查詢字符串甚至錨鏈接，非常實用，一并總結(jié)了js自帶的分段URL解析方法,需要的朋友可以參考下
2014-04-04
前端開發(fā)必配置 html5shiv.js和respond.min.js的作用說明(bootstrap做IE低版
這篇文章主要介紹了前端開發(fā)必配置 html5shiv.js和respond.min.js的作用說明,需要的朋友可以參考下
2023-05-05
JavaScript?Echarts柱狀圖label優(yōu)化中問題針對講解
這篇文章主要介紹了JavaScript?Echarts柱狀圖label優(yōu)化中問題，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)吧
2022-12-12
JavaScript?刪除數(shù)組元素的方法
本文主要介紹了JavaScript?刪除數(shù)組元素的方法，包括操作方法改變了原數(shù)組和操作方法不改變原數(shù)組，具有一定的參考價值，感興趣的可以了解一下
2024-02-02
舉例講解JavaScript substring()的使用方法
這篇文章主要通過舉例的方法講解了javaScript substring()的用法，substring() 方法用于提取字符串中介于兩個指定下標(biāo)之間的字符，感興趣的小伙伴們可以參考一下
2015-11-11
JavaScript生成指定范圍的時間列表
這篇文章主要介紹了JavaScript生成指定范圍的時間列表思路詳解,需要的朋友可以參考下
2018-03-03
用Webpack構(gòu)建Vue項目的實踐
這篇文章主要介紹了用Webpack構(gòu)建Vue項目的實踐，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-11-11