快捷導(dǎo)航

js判斷復(fù)選框是否選中及選中個數(shù)的實(shí)現(xiàn)代碼

更新時間：2016年05月30日 09:53:57 投稿：jingxian

下面小編就為大家?guī)硪黄猨s判斷復(fù)選框是否選中及選中個數(shù)的實(shí)現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

用js判斷復(fù)選框是否選中及選中個數(shù)，以前經(jīng)常有朋友提到復(fù)選框的選中問題，這段代碼可以幫你解決這個問題，而且它還可以判斷你選擇了多少個復(fù)選框，多選則彈出提示

<HTML>
<head>
<title>判斷復(fù)選框是否選中及選中個數(shù)</title>
<SCRIPT LANGUAGE="JavaScript">
function countChoices(obj) {
max = 2;
box1 = obj.form.box1.checked;
box2 = obj.form.box2.checked;
box3 = obj.form.box3.checked;
count = (box1 ? 1 : 0) + (box2 ? 1 : 0) + (box3 ? 1 : 0);
if (count > max) {
alert("對不起，你只能選擇" + max + "個!");
obj.checked = false;
  }
}
//-->
</script>
<body>
   <form name="form">
    你喜歡的語言是（最多兩個）： <p>
<input type=checkbox name=box1 onClick="countChoices(this)">ASP.NET<p> 
<input type=checkbox name=box2 onClick="countChoices(this)">JAVA<p> 
<input type=checkbox name=box3 onClick="countChoices(this)">C#<p> 
   </form>
</body>
</html>

以上這篇js判斷復(fù)選框是否選中及選中個數(shù)的實(shí)現(xiàn)代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

使用JavaScript實(shí)現(xiàn)Java的List功能(實(shí)例講解)
使用JavaScript實(shí)現(xiàn)Java的List功能(實(shí)例講解)。需要的朋友可以過來參考下，希望對大家有所幫助
2013-11-11
js 瀏覽器事件介紹
瀏覽器事件指載入文檔直到該文檔被關(guān)閉期間的瀏覽器事件，如瀏覽器載入文檔事件onload、關(guān)閉該文檔事件onunload、瀏覽器失去焦點(diǎn)事件onblur、獲得焦點(diǎn)事件onfocus 等
2012-03-03
ES6 Promise基礎(chǔ)用法(resolve、reject、then、catch,a
Promise是JavaScript中處理異步操作的對象,它有三種狀態(tài)：Pending、Fulfilled、Rejected,使用new Promise創(chuàng)建Promise對象,通過resolve和reject改變狀態(tài),then和catch方法用于處理成功和失敗的結(jié)果,本文介紹ES6 Promise用法,感興趣的朋友一起看看吧
2024-09-09
JavaScript?canvas實(shí)現(xiàn)水球加載動畫
這篇文章主要為大家詳細(xì)介紹了JavaScript?canvas實(shí)現(xiàn)水球加載動畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-04-04
js中什么時候不能使用箭頭函數(shù)
箭頭函數(shù)是和我們工作密切相關(guān)的東西，本文主要介紹了js中什么時候不能使用箭頭函數(shù)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2022-06-06
JavaScript知識點(diǎn)總結(jié)之如何提高性能
JavaScript的性能問題不容小覷，這就需要我們開發(fā)人員在編寫JavaScript程序時多注意一些細(xì)節(jié)，本文非常詳細(xì)的介紹了一下JavaScript性能優(yōu)化方面的知識點(diǎn)，絕對是干貨，需要的朋友快來一起學(xué)習(xí)吧
2016-01-01
JavaScript修改css樣式style動態(tài)改變元素樣式
修改css樣式style在某些情況下還是比較實(shí)用的，可以動態(tài)改變一些樣式，接下來為大家介紹下使用JavaScript是如何做到的
2013-12-12
對比分析Django的Q查詢及AngularJS的Datatables分頁插件
通過本文給大家對比分析了Django的Q查詢及AngularJS的Datatables分頁插件,非常不錯，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-02-02
在網(wǎng)頁中插入百度地圖的步驟詳解
在企業(yè)網(wǎng)站中常會看到企業(yè)地址會顯示在地圖上，那么，如何實(shí)現(xiàn)這種功能呢？本篇文章就主要介紹在網(wǎng)頁中插入百度地圖的步驟，下面就隨小編一起來看看吧
2016-12-12
Bootstrap的aria-label和aria-labelledby屬性實(shí)例詳解
這篇文章主要介紹了Bootstrap的aria-label和aria-labelledby屬性實(shí)例詳解,需要的朋友可以參考下
2018-11-11