checkbox控件的enable,disabled,以及与前台js的交互控制
来源:互联网 发布:中年女人喜欢年轻 知乎 编辑:程序博客网 时间:2024/06/18 09:14
往往有这样的场景,两个checkbox,当checkbox1选中的情况下checkbox2的才可用,checkbox2的这个“可用”在服务端的代码为checkbox2.Enabled=true,而在生成的html代码中为checkbox2.disabled=false。
昨天的工作中我就遇到这样的怪事,安全起见,checkbox2的“不可用”状态是我在后台这样子
checkbox2.Attributes.Add(”disabled”, “true”)
前台的js代码大致如下
if(checkbox1.checked==true)
{
checkbox2.disabled=false;
}
else
{
checkbox2.disabled=true;
}
结果我发现我的js代码不起作用,但是并没有页面提示说我的js代码错误,这就奇怪了,为什么正确的代码却不起作用呢,凭经验,马上查看页面源文件,我发现,等我设置了checkbox2.Attributes.Add(”disabled”, “true”)后,生成的checkbox2的html代码大概是这样的<span disabled=”true”><input type=checkbox…..<lable for=”checkbox2″ /></span>哦,这样一下子都明白了,和着它把checkbox外面套了一层<span>啊,而且这个<span>没有ID,好了,明白了原因后就好处理了,解决方法是:
if(checkbox1.checked==true)
{
checkbox2.parentElement.disabled=false;
}
else
{
checkbox2.parentElement.disabled=true;
}
也就是直接操作checkbox2的父元素就可以了,现在想想M$为什么这么做,为什么在checkbox外套一层<span>,我想大概是这个原因,大家知道<lable>标签只要加上for属性,那么这个标签就和它for的对象关联上了,这样你你在<lable>标签上点击,实际上也是在for的对象是点击,此例中就是这个checkbox,如果你M$仅仅在<checkbox>里加上disabled=true属性,那么只要点了<lable>,还是相当于点了checkbox,明白了,所以M$干脆就来一狠的,直接在<checkbox>和<lable>外套上了个<span>并且设置这个<span>的disabled=true,这样就达到整个checkbox“不可用”的效果了,注意,此时虽然<span> 的属性为disabled=true,但是<checkbox>和<lable>均没有设置此属性,所以我修改过的代码才仅仅需要处理checkbox的parentElement就可以了,于是我又做了一个试验,我在后台这样做
checkbox2.Enabled=Flase
马上,我在生成的html里发现,这次是<span disabled=”disabled”><input type=checkbox disabled=”disabled”>,这次不仅更改了disabled=”true” 变为disabled=”disabled”,而且在span和checkbox里都加上了disabled属性,有了上次的经验,处理这个就比较简单了:
if(checkbox1.checked==true)
{
chckbox2.disabled=”";
checkbox2.parentElement.disabled=”";//注意赋值字符串为空而不是设置一个true
}
else
{
chckbox2.disabled=”";
checkbox2.parentElement.disabled=”disabled”;
}
- checkbox控件的enable,disabled,以及与前台js的交互控制
- checkbox控件的enable,disabled,以及与前台js的交互控制
- 控件后台的Enabled 与前台的 disabled
- checkbox的disabled属性
- javascript控制服务器端控件的Enable属性
- 用js控制.net的checkbox控件的颜色
- JS控制文本框的disabled问题
- 怎么用Js控制disabled的属性
- c# webBrowser控件与js的交互
- 控制Checkbox全选的JS
- a link 标签的disabled属性实现disabled/enable
- a link 标签的disabled属性实现disabled/enable
- 前台JS控制。net后台checkbox
- php对json字符串的解析以及 php后台和前台js的交互
- activex与前台JS交互
- activex与前台JS交互
- LabVIEW中对控件的属性"Disabled"的控制
- ajax前台与后台的数据交互
- Android界面布局基本知识简述
- [记录]ORACLE DUAL表详解
- wget http,ftp下载使用密码
- 没有atomic.h后如何在linux实现原子操作
- Android界面布局基本知识简述
- checkbox控件的enable,disabled,以及与前台js的交互控制
- java导出内容到excel文件,excel单元格都有绿色标记
- POI,PDFBOX,JDOM的下载及在Eclipse中的配置方法
- 黑马程序员入学篇——(19)银行业务调度系统
- [记录]oracle 关于查看列结构
- MFC 贪吃蛇
- php判断字符串是否含有中文字符
- 动画js框架scriptaculous
- [记录]ORACLE:DATE和TIMESTAMP数据类型的比较