勾選時(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需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
js實(shí)現(xiàn)的的 文字自動(dòng)''到google search框
js實(shí)現(xiàn)的的 文字自動(dòng)''到google search框...2007-05-05js限制文本框?yàn)檎麛?shù)和貨幣的函數(shù)代碼
js限制文本框?yàn)檎麛?shù)和貨幣的函數(shù)代碼,方便一些數(shù)據(jù)庫字段的控制。2010-10-10javascript select控件間內(nèi)容互相移動(dòng)
javascript select中內(nèi)容互相移動(dòng)2009-11-11select列表內(nèi)容交換的js實(shí)現(xiàn)代碼
js實(shí)現(xiàn)左右select列表內(nèi)容交換傳遞,原來就是先獲取當(dāng)期選中select的值,然后添加到對(duì)面的select中,然后刪除選中內(nèi)容。2009-12-12JavaScript 輸入框內(nèi)容格式驗(yàn)證代碼
當(dāng)鼠標(biāo)焦點(diǎn)移至密碼輸入框時(shí),利用js腳本自動(dòng)驗(yàn)證用戶名的格式正確與否2010-02-02