程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> .NET實例教程 >> 用JS腳本實現CheckBoxList只能選擇其中的兩個

用JS腳本實現CheckBoxList只能選擇其中的兩個

編輯:.NET實例教程


最近在開發的時候遇到一個問題就是客戶要求沒多選項但是這些項目最多只能選擇2項如果選擇2項以上無刷新並且提示用戶你選擇過多 在隨機刪除其中一個。在網上找了好多文章也沒有找到相關實例。故煞費苦心自己寫了一個現在拿出來和大家分享。我是菜鳥!希望高手多提寶貴意見

其實很簡單 首先是CheckBoxListText.ASPx

<HEAD> 
<TITLE>CheckBoxList實例</TITLE> 
</HEAD> 
<SCRIPT language="JavaScript"> 
function SetCheckBoxState(str) 

o = document.getElementsByTagName("INPUT") 
//o = from1.cbYyJSlscly; 
var val=0; 
for(i=0;i<o.length;i++) 

if(o[i].type=="checkbox" && o[i].checked && o[i].name==str) 

//alert(o[i].value) 
val = val + 1; 

if(val > 2) 

alert('你選擇的項目只能在2個以內!') 
o[i].checked=false; 
return; 
}


//alert(val)



</SCRIPT> 
</head> 
<body MS_POSITIONING="GridLayout">

<form id="Form1" method="post" runat="server"> 
<ASP:CheckBoxList id="CheckBoxList1" runat="server"> 
<asp:ListItem Value="NET">NET</ASP:ListItem> 
<ASP:ListItem Value="JAVA">Java</ASP:ListItem> 
<asp:ListItem Value="VB">VB</ASP:ListItem> 
</ASP:CheckBoxList>

</form>

</body> 
</Html>

然後是 後台管理文件裡面

CheckBoxList1.Attributes.Add("OnClick","SetCheckBoxState('CheckBoxList1');");

就OK了 !

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved