网站首页
无损音乐
高清电影
游戏新闻
动漫资讯
破解资源
站长资源
游戏攻略
勾选时激活input 否则禁用的javascript代码
网络编程 发布日期:2024/10/13 浏览次数:
1
正在浏览:勾选时激活input 否则禁用的javascript代码
复制代码
代码如下:
window.onload = function(){
var price = document.getElementById('price');
price.disabled = true;
price.style.padding = '2px 3px';
price.style.background = '#eee';
price.style.border = '1px solid #ccc';
var tj = document.getElementById('tj');
tj.onclick = function(){
if(tj.checked == true){ //可编辑
price.disabled = false;
price.style.background = '#fff';
price.style.border = '2px solid #ff7d00';
price.style.padding = '2px 3px';
price.focus();
} else {
price.disabled = true;
price.style.background = '#eee';
price.style.border = '1px solid #ccc';
price.style.padding = '2px 3px';
}
}
}
复制代码
代码如下:
<form action="#">
价格:<input id="price" type="text"> <input id="tj" hidefocus=true type="checkbox">特价
</form>
唯一的可去之外是加了一点美化,使用户体验更加一层楼,其中包括边框的加粗,焦点的获取,checkbox边框线的隐藏等等。
测试代码
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
上一篇:
javascript 输入文本框时的友好提示
下一篇:
ASP小贴士/ASP Tips javascript tips可以当桌面
一句话新闻
Windows上运行安卓你用过了吗
在去年的5月23日,借助Intel Bridge Technology以及Intel Celadon两项技术的驱动,Intel为PC用户带来了Android On Windows(AOW)平台,并携手国内软件公司腾讯共同推出了腾讯应用宝电脑版,将Windows与安卓两大生态进行了融合,PC的使用体验随即被带入到了一个全新的阶段。
首页
无损音乐
高清电影
破解资源