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

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

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

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

<html>
<title>javascript實現(xiàn)復選框超過限制即彈出警告框的方法</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("對不起，你只能選擇" + max + "個項目!");
obj.checked = false;
  }
}
//-->
</script>
   <form name="form">
    請最多選擇2個項目： 
    <p> 
     <input type=checkbox name=box1 onClick="countChoices(this)">
     選擇項目1
    <p> 
     <input type=checkbox name=box2 onClick="countChoices(this)">
     選擇項目2
    <p> 
     <input type=checkbox name=box3 onClick="countChoices(this)">
     選擇項目3
    <p> 
   <div>
</div>
</FORM>
</body>
</html>

希望本文所述對大家的javascript程序設計有所幫助。

您可能感興趣的文章:

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