用JS脚本实现CheckBoxList只能选择其中的两个!

转载 2007年09月24日 12:43:00
 最近在开发的时候遇到一个问题就是客户要求没多选项但是这些项目最多只能选择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了 !

 

用JS脚本实现CheckBoxList只能选择其中的两个!

最近在开发的时候遇到一个问题就是客户要求没多选项但是这些项目最多只能选择2项如果选择2项以上无刷新并且提示用户你选择过多 在随机删除其中一个。在网上找了好多文章也没有找到相关实例。故煞费苦心自己写了一...
  • shanliwa
  • shanliwa
  • 2007年10月23日 14:37
  • 539

用JS脚本实现CheckBoxList只能选择其中的两个

其实很简单 首先是CheckBoxListText.aspx CheckBoxList实例 function SetCheckBoxState(str) { o = document.getEle...
  • shanliwa
  • shanliwa
  • 2007年09月26日 10:36
  • 742

实现checkboxlist只选择一项

在开发过程中碰到一个需求:可选可不选,最多选一项。虽然radiobuttonlist一次只能选一项,但是它的问题是如果选了其中一项,那么就去不掉了,因此考虑采用checkboxlist实现。 实现方式...
  • lintsing
  • lintsing
  • 2010年05月22日 12:14
  • 691

选中CheckBoxList第一项实现全选/反选CheckBoxList所有项

CS:        cbl_Groups.Items[0].Attributes.Add("onclick", "Select(this.checked)"); JS: function Selec...
  • Kenyon0313
  • Kenyon0313
  • 2007年02月07日 17:29
  • 1142

限制CheckBoxList控件只能单选

限制CheckBoxList控件只能单选 开发要求,原本对CheckBoxList控件是用来让用户多选的。但现在特殊要求,这个CheckBoxList控件限制只能单选。 哈哈,看看...
  • kissdeath
  • kissdeath
  • 2014年07月09日 10:37
  • 5579

JQuery 实现多个checkbox 只选中一个

需求:多个 checkbox 选项,只选中其中的一个 代码: check1 check2 check3 $(document).ready(function(){ $('#test')....
  • hlbt0112
  • hlbt0112
  • 2016年08月23日 10:15
  • 2541

用js方法实现CheckBoxList单选功能

方法1:  1function   CheckSelect()  2 {    3    var tb = document.getElementByIdx_x("ctl00_Content...
  • u011955860
  • u011955860
  • 2016年08月18日 11:20
  • 867

s:checkboxlist 选中

  整了差不多一天了,查了不少资料,资料虽多,但感觉很难找到直接可以用的,经过和同事们的推导,终于算是实现了。   先说下需求,我要实现的效果是,如:角色总共有 超级管理员、管理员、财务、高级客户、普...
  • bolink5
  • bolink5
  • 2010年02月01日 20:07
  • 14559

[.NET]CheckBoxList 用法

ASP.NET CheckBoxList组件中经常使用到的属性: I .TextAlign属性:取值为:Left、Right。如果TextAlign的值为Left则CheckBoxList组件中的检...
  • lhy2199
  • lhy2199
  • 2012年05月24日 08:52
  • 4417

ASP.NET MVC4.0中自定义CheckBoxListHelper和RadioBoxListHelper的使用

今天看到个比较不错的Helper记录下来。 在项目中新建Helpers文件夹,创建CheckBoxListHelper和RadioBoxListHelper类。 CheckBoxListHelpe...
  • ltylove2007
  • ltylove2007
  • 2014年02月07日 15:22
  • 5803
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用JS脚本实现CheckBoxList只能选择其中的两个!
举报原因:
原因补充:

(最多只允许输入30个字)