台灣最大程式設計社群網站
線上人數
644
 
會員總數:245981
討論主題:189559
歡迎您免費加入會員
討論區列表 >> 專欄文章 >> checkbox限制勾選的數目
[]  
[我要回覆]
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
checkbox限制勾選的數目
價值 : 0 QP  點閱數:544 回應數:0
樓主

站務人員 站長
門外漢
0 1580
542 9
發送站內信

捐贈 VP 給 站務人員

============欄位名稱一樣=============
<html>
<head>
<title>無標題文件</title>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<form name="form1" method="post" action="">
<input type="checkbox" name="checkbox" value="checkbox" onClick="choose();">第一個
<input type="checkbox" name="checkbox" value="checkbox" onClick="choose();">第二個
<input type="checkbox" name="checkbox" value="checkbox" onClick="choose();">第三個
<input type="checkbox" name="checkbox" value="checkbox" onClick="choose();">第四個
</form>
</body>
<script language="javascript">
function choose() {
j=0;
for (i=0; i<4; i++)
if (form1.checkbox[i].checked)
j++;
if (j>1) {
for (i=0; i<4; i++)
if (!(form1.checkbox[i].checked))
form1.checkbox[i].disabled = true;
}
else {
for (i=0; i<4; i++)
form1.checkbox[i].disabled = false;
}
}
</script>
</html>


============欄位名稱不一樣=====================
<html>
<head>
<title>無標題文件</title>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<form name="form1" method="post" action="">
<input type="checkbox" name="checkbox1" value="checkbox" onClick="choose();">第一個
<input type="checkbox" name="checkbox2" value="checkbox" onClick="choose();">第二個
<input type="checkbox" name="checkbox3" value="checkbox" onClick="choose();">第三個
<input type="checkbox" name="checkbox4" value="checkbox" onClick="choose();">第四個
</form>
</body>
<script language="javascript">
function choose() {
j=0;
if (form1.checkbox1.checked) j++;
if (form1.checkbox2.checked) {
j++;
if (j>1) notcheck();
}
if (form1.checkbox3.checked) {
j++;
if (j>1) notcheck();
}
if (form1.checkbox4.checked) {
j++;
if (j>1) notcheck();
}
if (j<2) cancheck();
}

function notcheck() {
if (!(form1.checkbox1.checked)) form1.checkbox1.disabled = true;
if (!(form1.checkbox2.checked)) form1.checkbox2.disabled = true;
if (!(form1.checkbox3.checked)) form1.checkbox3.disabled = true;
if (!(form1.checkbox4.checked)) form1.checkbox4.disabled = true;
}
function cancheck() {
form1.checkbox1.disabled = false;
form1.checkbox2.disabled = false;
form1.checkbox3.disabled = false;
form1.checkbox4.disabled = false;
}
</script>


=====================限定勾選數目==============================

在</form>前面加上這一行
<input type="submit" name="Submit" value="送出" onclick="return ToCheckboxNumber();">

在<script language="javascript">底下加上這些
function ToCheckboxNumber() {
k=0;
if (form1.checkbox1.checked) k++;
if (form1.checkbox2.checked) k++;
if (form1.checkbox3.checked) k++;
if (form1.checkbox4.checked) k++;
if (k != 2) {
alert("checkbox勾選數量不對");
return false;
}
else {
return true;
}
}

本篇文章發表於2002-07-03 00:00
目前尚無任何回覆
   

回覆
如要回應,請先登入.