繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 勾选时激活input 否则禁用的javascript代码
- Javascript
- js类 from qq
- 鼠标放上去则向上向下滚动的代码
- 在视频前插入广告
- 论坛特效代码收集（落伍转发-不错）
- 多图幻灯Pixelate马赛克效果
- 多图幻灯Wipe擦洗效果
- 多图展示点击切换效果模拟的flash效果，点小图放大显示，再点恢复默认。
- 脚本吧 - 幻宇工作室用到js,超强推荐share.js
- 脚本吧 - 幻宇工作室用到js,超强推荐expand.js
- JavaScript For Beginners(转载)
- sina的lightbox效果。
- 如何在Mozilla Gecko 用Javascript加载XSL
- 用JavaScript绘图 ：JS2D函数集
- Opacity.js
- How to Auto Include a Javascript File
- 适合做公告板的代码收集
- 最新优化收藏到网摘代码（digg，diigo）
- 索趣科技的答案
- 如何用JS获取带“\”字符串的中间值？
- baidu博客的编辑友情链接的新的层窗口！经典～支持【FF】
Javascript 中的 勾选时激活input 否则禁用的javascript代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 230 ::
收藏到网摘: 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
