日期:2014-05-16  浏览次数:20338 次

关于CheckBoxList中的项选中时无刷新及最多能选几项的问题
用一个DropDownList与CheckBoxList实现了无刷新联动后,

□海淀区   □朝阳区   □东城区   □西城区  
□崇文区   □丰台区   □宣武区   □石景山区  
□通州       □顺义       □房山       □怀柔
□昌平       □门头沟    
我每次选择一项后,页面都要刷新一次,如何实现选择时页面不刷新,在上面的选项中总共最多只能选5项(包含其他省/直辖市下面所包含的市/区),怎样在选第六项的时候给出提示并且取消第六项的选择.每次选择一项时该被选项的Text值被适时显示出来(如我已经选择了海淀区再选择朝阳区时,应该显示的文本为海淀区,朝阳区),怎样实现在我选中北京的海淀区,朝阳区后在从DropDownList中选择上海,选择上海的徐汇区、卢湾区后再在DropDownList中选择北京,此时的海淀区、朝阳区应为被选中状态。

不知道我说清楚了没有,望各位高手不吝赐教,谢谢~~~~

------解决方案--------------------
要根据你的怎么个无法刷新联动具体实现,

熟悉 js 的化,纯粹小 case
------解决方案--------------------
学习一哈

------解决方案--------------------
CheckBoxList的AutoPostBack = false   name= "checkboxlist "
把判断教给前台javascript
function maxchk(obj)
{
var txt=document.getElementById( "textboxid ");//用来显示选择信息的textbox
var arr=document.getElementByName( "checkboxlist ");//取出checkbox集合
var num=0;
for(var i=0;i <arr.length;i++)
{
if(arr[i].checked)
{
num=num+1;
}
}
if(num> 5)
{
应该不用写了吧。。。。
}
}

------解决方案--------------------
关注帮顶
------解决方案--------------------
选择CheckBox时刷新了?你是用了AJAX的无刷新技术吗?
------解决方案--------------------
不好意思,上面有点说错了
name= "checkboxlist " 不用设
页面上放个TextBox id= "textbox1 "
function maxchk(obj)
{
var txt=document.getElementById( "textbox1 ");
var arr=document.all.tags( "input ");//取出checkbox集合
var num=0;
for(var i=0;i <arr.length;i++)
{
if(arr[i].type== "checkbox ")//
{
if(arr[i].checked)
{
num=num+1;
if(txt.value== " ")
{
txt.innerText=arr[i].text;
}
else
{
txt.innerText+= ", "+arr[i].text;
}
}
}
}
if(num> 5)
{
window.alert( "超过5个 ");
obj.checked=false;
}
}
每个checkbox的 onclick= "maxchk(this) " 就可以了
------解决方案--------------------
学习关注!
------解决方案--------------------
学习中...
------解决方案--------------------

------解决方案--------------------
学习了!!!
------解决方案--------------------
javascript论坛才应该讨论的问题。