如何让满足if两个条件同时满足的行的Checkbox灰显。

来源：蜘蛛抓取(WebSpider) 时间：2015-01-03 03:49 标签： jquery checkbox 变灰
网页设计教程与开发
提供各种常见网页效果
提供各种各样的设计教程
装扮QQ，让QQ变得更酷
设计参考，提高自升水平
学习服务器和操作系统
提供各种素材和工具
收藏学习资料
您现在的位置：&&>>&&>>&&>>&&>>&正文
选中复选框，相关输入框变灰不可用
在一些网站上经常会看到的这种功能，选中复选框，相关的选项为变灰色，不可用，看上去会专业一些，也是提升用户体验的一种方式
&!DOCTYPE HTML PUBLIC &-//W3C//DTD HTML 4.0 Transitional//EN&&
&title&选中复选框，相关类变灰&/title&
&script language=&JavaScript&&
function selectKind(the){
var container = document.getElementById(&kind_& + obj.name);
for(var i=0;i&container.getElementsByTagName(&input&).i++)
container.getElementsByTagName(&input&)[i].disabled = obj.
&input type='checkbox' value=&2& name=aa onclick=&selectKind(this)&&我从事游戏编程
&div id=&kind_aa&&
&input type='checkbox' value=&php& name=aa&PHP
&input type='checkbox' value=&asp.net& name=aa&ASP.NET
&input type='checkbox' value=&java& name=aa&JAVA
&input type='checkbox' value=&1& name=bb onclick=&selectKind(this)&&平时不上网
&div id=&kind_bb&&
&input type='checkbox' value=&& name=bb&
&input type='checkbox' value=&& name=bb&
&input type='checkbox' value=&codefans.net& name=bb&codefans.net
转载请注明:破洛洛(谢谢合作)
上一篇文章： 下一篇文章：
网友评论：jquery checkbox radio a div 设置不可用/变灰的方法总结 - 项目实战 - IT工作生活这点事
现在位置 /
给您更多信息和帮助
在这里您可以找到更多: 技术交流群:
投稿：承接：企业网站门户/微网站/微商城/CMS系统/微信公众号运营/业务咨询
echarts教程系列
[] [] [] [] [] [] [] [] []
本月最热文章
微信扫一扫，徜徉悠嘻网，您的休闲乐园
技术交流群:
专业专注:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/付费问题咨询今天看啥 热点：
用Checkbox来控制文本框是否为灰色不可编辑，
（1）点击 CheckBox使得输入框可以使用，否则为灰色不能使用
&span class=&sample_li_left&& &asp:CheckBox ID=&gqsj& runat=&server& Checked onclick=&doDisabled(this.checked);&/&过期时间：&/span&
&input id=&expireTime& name=&expireTime& type=&text& class=&time_text& onfocus=&WdatePicker({dateFmt: 'yyyy-MM-dd',maxDate:'%y-%M-%d'})& runat=&server& /&
相应的js函数为：
function doDisabled(checked) {
if(checked){
$(&#expireTime&).get(0).disabled = &&;
//$(&#expireTime&).addClass('time_text');
$(&#expireTime&).css('background','url(../images/time.gif) #ffffdc no-repeat right top');
$(&#expireTime&).attr('disabled','disabled');
$(&#expireTime&).css('background','#CCCCCC');
遗留问题为：
//$(&#expireTime&).addClass('time_text');
$(&#expireTime&).css('background','url(../images/time.gif) #ffffdc no-repeat right top');
应该是一样的，但是后者可以 前者不行。
参考：http://blog.csdn.net/delongcpp/article/details/8171826
将HTML文本框设为不可编辑文本框。
方法1: onfocus=this.blur()
&input type=&text& name=&input1& value=&不可编辑文本框& onfocus=this.blur()&
方法2:readonly
&input type=&text& name=&input1& value=&不可编辑文本框& readonly&
&input type=&text& name=&input1& value=&不可编辑文本框& readonly=&true&&
方法3: disabled
&input type=&text& name=&input1& value=&不可编辑文本框& disabled&
让文本框变灰不可输入：
&input type=&text& name=&test& disabled=&disabled& style=&background:#CCCCCC&/&
不可输入还可以用上述三种方法
版权声明：本文为博主原创文章，未经博主允许不得转载。
相关搜索：
相关阅读：
相关频道：
&&&&&&&&&&&&&&&&&&
WEB前端教程最近更新新手园地& & & 硬件问题Linux系统管理Linux网络问题Linux环境编程Linux桌面系统国产LinuxBSD& & & BSD文档中心AIX& & & 新手入门& & & AIX文档中心& & & 资源下载& & & Power高级应用& & & IBM存储AS400Solaris& & & Solaris文档中心HP-UX& & & HP文档中心SCO UNIX& & & SCO文档中心互操作专区IRIXTru64 UNIXMac OS X门户网站运维集群和高可用服务器应用监控和防护虚拟化技术架构设计行业应用和管理服务器及硬件技术& & & 服务器资源下载云计算& & & 云计算文档中心& & & 云计算业界& & & 云计算资源下载存储备份& & & 存储文档中心& & & 存储业界& & & 存储资源下载& & & Symantec技术交流区安全技术网络技术& & & 网络技术文档中心C/C++& & & GUI编程& & & Functional编程内核源码& & & 内核问题移动开发& & & 移动开发技术资料ShellPerlJava& & & Java文档中心PHP& & & php文档中心Python& & & Python文档中心RubyCPU与编译器嵌入式开发驱动开发Web开发VoIP开发技术MySQL& & & MySQL文档中心SybaseOraclePostgreSQLDB2Informix数据仓库与数据挖掘NoSQL技术IT业界新闻与评论IT职业生涯& & & 猎头招聘IT图书与评论& & & CU技术图书大系& & & Linux书友会二手交易下载共享Linux文档专区IT培训与认证& & & 培训交流& & & 认证培训清茶斋投资理财运动地带快乐数码摄影& & & 摄影器材& & & 摄影比赛专区IT爱车族旅游天下站务交流版主会议室博客SNS站务交流区CU活动专区& & & Power活动专区& & & 拍卖交流区频道交流区
稍有积蓄, 积分 261, 距离下一级还需 239 积分
论坛徽章:0
好像disabled的话，form提交就得不到值了，谢谢
&&nbsp|&&nbsp&&nbsp|&&nbsp&&nbsp|&&nbsp&&nbsp|&&nbsp
白手起家, 积分 83, 距离下一级还需 117 积分
论坛徽章:0
加hidden标签
白手起家, 积分 127, 距离下一级还需 73 积分
论坛徽章:0
用readonly属性行不行？
家境小康, 积分 1811, 距离下一级还需 189 积分
论坛徽章:0
可以,用readonly
白手起家, 积分 84, 距离下一级还需 116 积分
论坛徽章:0
既然是变灰的 说明之前有值，这个值你自己知道并且不希望用户提交 那你为什么还要从表单里读取？
白手起家, 积分 55, 距离下一级还需 145 积分
论坛徽章:0
也许是readonly啦，可能是根据页面另一个值自动JS赋值的吧。可以用hidden或者readonly.

我要回帖

更多关于 jquery checkbox 变灰 的文章

 

随机推荐