Jquery 按钮可用但样式仍置灰

孙斐 发布于 2011/10/18 08:35
阅读 7K+
收藏 0

利用Jquery让某个界面上的按钮不可用,例如:

$("#buttonId").attr("disabled","true");之后,在满足一定条件之后让这个按钮重新变为可用,如

$("#buttonId).attr("disabled","false");该按钮可以点击触发后台操作,但界面的样式还是置灰的;后来改变写法,如JQuery.removeAttr("disabled"),但有的情况下按钮的样式改变,某些情况下样式不变。不知为什么。哪位高手帮忙解决一下???

加载中
0
scl33
scl33

浏览器兼容性问题, 部分浏览器只要有disabled属性, 不用写=true或false, 只要发现写了disabled就置为无效. 所以无论你将其改为disabled=true或disabled=false都仍是禁用的, 只有remove该属性后才能还原. 这和readonly属性是一样的, 部分浏览器只认这个属性是否存在, 而不管其值等于true还是false. 最通用的办法是用div或img通过图片方式来模拟按钮可用/高亮/禁用, 简单一点就是改为超链接.

另外, 这个办法可以尝试, 即remove属性后, 强制浏览器刷新一下这个标签, 将其从父节点移除后, 再加入到父节点下.

0
沙逛鱼
沙逛鱼

置灰,也能选中??敢问你在其他浏览器下测试了吗?

$("#buttonId").attr("disabled",true);true和false去掉双引号试试。

0
孙斐
孙斐

貌似还是出问题,IE8下出现的情况,

返回顶部
顶部