The only thing you can do is add a bit of beautification to make the user experience more floor-level, including the bold border, focus acquisition, and checkbox border line hiding.
The Code is as follows:
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) {// editable
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 ';
}
}
}
The Code is as follows:
The only thing you can do is add a bit of beautification to make the user experience more floor-level, including the bold border, focus acquisition, and checkbox border line hiding.
Test code
<Script type = "text/javascript"> 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) {// You can edit the 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 '; }}} script
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]