js判斷復選框是否選中及選中個數(shù)的實現(xiàn)代碼
用js判斷復選框是否選中及選中個數(shù),以前經(jīng)常有朋友提到復選框的選中問題,這段代碼可以幫你解決這個問題,而且它還可以判斷你選擇了多少個復選框,多選則彈出提示
<HTML>
<head>
<title>判斷復選框是否選中及選中個數(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判斷復選框是否選中及選中個數(shù)的實現(xiàn)代碼就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript?canvas實現(xiàn)水球加載動畫
這篇文章主要為大家詳細介紹了JavaScript?canvas實現(xiàn)水球加載動畫,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-04-04
bootstrap時間控件daterangepicker使用方法及各種小bug修復
這篇文章主要介紹了bootstrap時間控件daterangepicker使用方法,及各種小bug修復,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-10-10
原生js提示框并自動關(guān)閉(手工關(guān)閉)
今天在寫后臺交互的時候原來都是用alert太難看每次都需要點擊一下才可以,比較麻煩所以特整理了幾個比較好的js提示框代碼,方便提示一下2023-04-04
利用element-ui實現(xiàn)遠程搜索兩種實現(xiàn)方式
這篇文章主要介紹了利用element-ui的兩種遠程搜索實現(xiàn)代碼,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-12-12
javascript實現(xiàn)省市區(qū)三級聯(lián)動下拉框菜單
這篇文章主要為大家詳細介紹了javascript實現(xiàn)省市區(qū)三級聯(lián)動下拉框菜單很詳細的代碼,解決了大家實現(xiàn)javascript省市區(qū)三級聯(lián)動下拉框菜單的問題,感興趣的小伙伴們可以參考一下2015-11-11
使用JSON格式提交數(shù)據(jù)到服務(wù)端的實例代碼
這篇文章主要介紹了使用JSON格式提交數(shù)據(jù)到服務(wù)端的實例代碼,代碼簡單易懂,非常不錯,具有參考借鑒價值,需要的朋友參考下2018-04-04

