用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实现全选、反选

对于CheckBoxList控件来说,一方面要实现大量数据在服务器端的绑定工作,另一方面往往要求实现全 选、反选等功能。虽然可以在服务器端完成这方面的工作,但这样一个简单的工作似乎更应该在客户端完成。...
  • ZIrving
  • ZIrving
  • 2011年05月25日 17:07
  • 836

每日学习心得:Js获取Checkboxlist所选值、instanceof 和typeof区别、为Array添加contains方法

2013-11-24 前言:     上周在工作中遇到了一些跟JS以及前台交互的问题,虽然算不上多么高深,但是在解决时也走了一些弯路,所以就总结一下。 1.    JS获取checkboxLis...

CheckBoxList 无法通过js获取选中value值 - 解决方案

CheckBoxList 控件,由于数据是在后台绑定的,所以,当前台通过js获取选中项的value值时,只会得到一个on值,控件的默认行为就是这样的。解决方案:在后台绑定数据源时,给每一个item都增...

ASP.NET WebForm 的CheckBoxList控件通过js获取Value值问题

ASP.NET WebForm 的CheckBoxList控件通过js获取Value值问题故事背景最近在改之前很早的一个项目,用的还是WebForm开发的。追加功能之后,有个地方是弹出层来填写表单信息...

Asp.net js获取CheckBoxlist 和 Radiobuttonlist

今天做了一个项目,其中涉及到多选和单选,一般我们用HTML控件中的CheckBox和RadioBox,但竟然是用微软的Asp.net,那为了方便,自然用其自带的控件CheckBoxlist 和 Rad...

js获取checkboxlist的值并在页面传递

CheckBoxList可能是table,也可能是span,既然如此,干脆两个都判断好了 先是一段从论坛看来的处理代码 function GetCheckBoxListValue(objID) {...

CheckBoxList 无法通过js获取选中value值 - 解决方案

CheckBoxList 控件,由于数据是在后台绑定的,所以,当前台通过js获取数据shi

js 实现 一个链接打开两个地址

  • 2010年03月31日 11:40
  • 394B
  • 下载

MVC通过扩展HtmlHelper实现CheckBoxList

 CheckBoxList在Web页面应用非常广泛,在传统的ASP.NET aspx中系统自带有CheckBoxList控件,但是在MVC Razer中没有提供,下面介绍通过扩展HtmlHelp...
  • whaxrl
  • whaxrl
  • 2016年04月12日 10:55
  • 341
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用JS脚本实现CheckBoxList只能选择其中的两个!
举报原因:
原因补充:

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