快捷導(dǎo)航

javascript實(shí)現(xiàn)復(fù)選框超過限制即彈出警告框的方法

更新時(shí)間：2015年02月25日 15:55:49 作者：代碼家園

這篇文章主要介紹了javascript實(shí)現(xiàn)復(fù)選框超過限制即彈出警告框的方法,涉及復(fù)選框及警告框的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了javascript實(shí)現(xiàn)復(fù)選框超過限制即彈出警告框的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：

<html>
<title>javascript實(shí)現(xiàn)復(fù)選框超過限制即彈出警告框的方法</title>
<body>
<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è)項(xiàng)目!");
obj.checked = false;
  }
}
//-->
</script>
   <form name="form">
    請(qǐng)最多選擇2個(gè)項(xiàng)目： 
    <p> 
     <input type=checkbox name=box1 onClick="countChoices(this)">
     選擇項(xiàng)目1
    <p> 
     <input type=checkbox name=box2 onClick="countChoices(this)">
     選擇項(xiàng)目2
    <p> 
     <input type=checkbox name=box3 onClick="countChoices(this)">
     選擇項(xiàng)目3
    <p> 
   <div>
</div>
</FORM>
</body>
</html>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

Dron右鍵菜單 v1.0
Dron右鍵菜單 v1.0...
2006-10-10
TypeScript面向?qū)ο蟪敿?xì)分析
面向?qū)ο蟆脒M(jìn)行執(zhí)行某個(gè)事件，就去找事件對(duì)應(yīng)的對(duì)象，把事情落實(shí)到對(duì)象身上，在程序中一切皆是對(duì)象，對(duì)象包含屬性和方法，面向?qū)ο笕筇卣鳎悍庋b、繼承、多態(tài)
2022-10-10
使用Curl命令查看請(qǐng)求響應(yīng)時(shí)間方法
curl命令查看請(qǐng)求響應(yīng)時(shí)間的方法非常簡單，今天小編抽空給大家介紹下使用Curl命令查看請(qǐng)求響應(yīng)時(shí)間方法，感興趣的朋友一起看看吧
2016-11-11
微信小程序時(shí)間軸組件的示例代碼
這篇文章主要介紹了微信小程序時(shí)間軸組件,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-05-05
TypeScript泛型的使用詳細(xì)介紹
在TypeScript中,泛型是一種創(chuàng)建可復(fù)用代碼組件的工具。這種組件不只能被一種類型使用,而是能被多種類型復(fù)用。類似于參數(shù)的作用,泛型是一種用以增強(qiáng)類(classes)、類型(types)和接口(interfaces)能力的非常可靠的手段
2022-09-09
基于html+css+js實(shí)現(xiàn)簡易計(jì)算器代碼實(shí)例
這篇文章主要介紹了基于html+css+js實(shí)現(xiàn)簡易計(jì)算器代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-02-02
JS數(shù)組操作之增刪改查的簡單實(shí)現(xiàn)
本篇文章主要介紹了JS數(shù)組操作之增刪改查的簡單實(shí)現(xiàn)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-08-08
JavaScript如何實(shí)現(xiàn)圖片懶加載(lazyload) 提高用戶體驗(yàn)(增強(qiáng)版)
這篇文章主要介紹了JavaScript如何實(shí)現(xiàn)圖片懶加載(lazyload) 提高用戶體驗(yàn)(增強(qiáng)版)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-11-11
Postman動(dòng)態(tài)獲取返回值過程詳解
這篇文章主要介紹了Postman動(dòng)態(tài)獲取返回值過程詳解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-06-06
微信小程序?qū)崿F(xiàn)簽到彈窗動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)簽到彈窗動(dòng)畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-09-09