checkbox 选中框置灰_用Checkbox来控制文本框是否为灰色不可编辑

这篇博客介绍了如何使用JavaScript函数doDisabled来控制输入框的启用与禁用状态,通过设置disabled属性和修改背景样式。遗留问题在于尝试添加class和背景图片,但只有修改背景样式生效。文中提到了三种使文本框变为不可编辑的方法:onfocus=this.blur()、readonly和disabled,并强调了它们在使文本框变灰不可输入时的作用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

(1)点击 CheckBox使得输入框可以使用,否则为灰色不能使用

过期时间:

相应的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');

}else{

$("#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.youkuaiyun.com/delongcpp/article/details/8171826

将HTML文本框设为不可编辑文本框。

方法1: onfocus=this.blur()

方法2:readonly

方法3: disabled

让文本框变灰不可输入:

不可输入还可以用上述三种方法

版权声明:本文为博主原创文章,未经博主允许不得转载。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值