繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 勾选时激活input 否则禁用的javascript代码
- Javascript
- ext实现完整的登录代码
- ext form 表单提交数据的方法小结
- 收藏，对比功能的JS部分实现代码
- js可突破windows弹退效果代码
- js获取div高度的代码
- JS支持带x身份证号码验证函数
- javascript的indexOf忽略大小写的方法
- js活用事件触发对象动作
- Javascript访问html页面的控件的方法详细分析
- jQuery formValidator表单验证插件开源了 含API帮助、源码、示例
- js仿淘宝的拼音检索特效代码
- 鼠标放上去触发一个javascript提示框效果代码
- FF下zoom的替代方案 单位em
- json编写简单一例
- js取得2008奥运金牌排名
- js常用函数2008-8-16整理
- 一些不错的js函数ajax
- javascript:void(0)的真正含义实例分析
- 解决AJAX中跨域访问出现''没有权限''的错误
- 比较详细的XMLDOM对象方法详解
Javascript 中的 勾选时激活input 否则禁用的javascript代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 291 ::
收藏到网摘: n/a
唯一的可去之外是加了一点美化，使用户体验更加一层楼，其中包括边框的加粗，焦点的获取，checkbox边框线的隐藏等等。
复制代码 代码如下:
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 全选 提示:你可先修改部分代码,再按运行]
评论 (0) All
