快捷導(dǎo)航

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

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

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

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

<HTML>
<head>
<title>判斷復(fù)選框是否選中及選中個(gè)數(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("對(duì)不起，你只能選擇" + max + "個(gè)!");
obj.checked = false;
  }
}
//-->
</script>
<body>
   <form name="form">
    你喜歡的語(yǔ)言是（最多兩個(gè)）： <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ù)選框是否選中及選中個(gè)數(shù)的實(shí)現(xiàn)代碼就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

使用JavaScript實(shí)現(xiàn)Java的List功能(實(shí)例講解)
使用JavaScript實(shí)現(xiàn)Java的List功能(實(shí)例講解)。需要的朋友可以過來參考下，希望對(duì)大家有所幫助
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中處理異步操作的對(duì)象,它有三種狀態(tài)：Pending、Fulfilled、Rejected,使用new Promise創(chuàng)建Promise對(duì)象,通過resolve和reject改變狀態(tài),then和catch方法用于處理成功和失敗的結(jié)果,本文介紹ES6 Promise用法,感興趣的朋友一起看看吧
2024-09-09
JavaScript?canvas實(shí)現(xiàn)水球加載動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了JavaScript?canvas實(shí)現(xiàn)水球加載動(dòng)畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-04-04
js中什么時(shí)候不能使用箭頭函數(shù)
箭頭函數(shù)是和我們工作密切相關(guān)的東西，本文主要介紹了js中什么時(shí)候不能使用箭頭函數(shù)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2022-06-06
JavaScript知識(shí)點(diǎn)總結(jié)之如何提高性能
JavaScript的性能問題不容小覷，這就需要我們開發(fā)人員在編寫JavaScript程序時(shí)多注意一些細(xì)節(jié)，本文非常詳細(xì)的介紹了一下JavaScript性能優(yōu)化方面的知識(shí)點(diǎn)，絕對(duì)是干貨，需要的朋友快來一起學(xué)習(xí)吧
2016-01-01
修改css樣式style在某些情況下還是比較實(shí)用的，可以動(dòng)態(tài)改變一些樣式，接下來為大家介紹下使用JavaScript是如何做到的
2013-12-12