チェックすると入力をアクティブにし、それ以外の場合はdisabled_formエフェクトをアクティブにするJavaScriptコード

复制代码代码如下:

window.onload = function(){
var Price = document .getElementById('価格');
price.disabled = true;
price.style.padding = '2px 3px';
price.style.background = '#eee';
price.style.border = '1px ソリッド #ccc';
var tj = document.getElementById('tj');
tj.onclick = function(){
if(tj.checked == true){ //可编辑
price.disabled = false;
price.style.background = '#fff';
price.style.border = '2px ソリッド #ff7d00';
price.style.padding = '2px 3px';
price.focus();

} else {
price.disabled = true;
price.style.background = '#eee';
price.style.border = '1px ソリッド #ccc';
price.style.padding = '2px 3px';
}
}

}

复制代代码如:

价格： 特价

唯一の削除に加えて、ユーザー ボックスを使用する追加の階層が追加されており、その中には、棒の追加、焦点の取得、チェック ボックスの線のチェックなどが含まれます。 >测试代码

<form action="#"> 价格：<input id="price" type="text"> <input id="tj" hidefocus="true" type="checkbox">特价 </form>
[Ctrl A 全选注:如く必要取入外部Js必要刷新才能执行]