勾選時(shí)激活input 否則禁用的javascript代碼
更新時(shí)間：2009年12月10日 23:46:04 作者：
唯一的可去之外是加了一點(diǎn)美化，使用戶體驗(yàn)更加一層樓，其中包括邊框的加粗，焦點(diǎn)的獲取，checkbox邊框線的隱藏等等。
復(fù)制代碼 代碼如下:
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';
}
}
}
復(fù)制代碼 代碼如下:
<form action="#">
價(jià)格：<input id="price" type="text"> <input id="tj" hidefocus=true type="checkbox">特價(jià)
</form>
唯一的可去之外是加了一點(diǎn)美化，使用戶體驗(yàn)更加一層樓，其中包括邊框的加粗，焦點(diǎn)的獲取，checkbox邊框線的隱藏等等。
測(cè)試代碼
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
相關(guān)文章
js獲取當(dāng)前select 元素值的代碼，需要的朋友可以參考下。2010-04-04
一個(gè)流行且實(shí)用的JS表單驗(yàn)證提示，演示了怎么自定義錯(cuò)誤信息的顯示方式，同時(shí)通過(guò)寫FormValid.showError類方法來(lái)實(shí)現(xiàn)錯(cuò)誤顯示方式自定義.2009-11-11
表單項(xiàng)的name命名為submit、reset引起的問(wèn)題
最近朋友使用了form的一個(gè)表單命名為關(guān)鍵詞引起了無(wú)法reset和提交.原來(lái)是這個(gè)問(wèn)題2007-12-12
表單的一些基本用法與技巧...2006-07-07
一個(gè)快速添加標(biāo)簽的小玩意，但在FF下不能用，望高手指點(diǎn)
一個(gè)快速添加標(biāo)簽的小玩意，但在FF下不能用，望高手指點(diǎn)...2007-07-07
表單(FORM)的一些實(shí)用效果代碼...2007-03-03
javascript select 之間傳值效果的代碼...2007-10-10
限制復(fù)選框的最大可選數(shù)...2006-07-07
會(huì)自動(dòng)逐行上升的文本框...2006-06-06
CSS3實(shí)現(xiàn)動(dòng)態(tài)背景登錄框的代碼
本文介紹了一款基于jQuery+CSS3實(shí)現(xiàn)的帶有動(dòng)畫效果的動(dòng)態(tài)背景登陸框特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-07-07