我有以下 HTML 和 JS。页面加载时控件被禁用。当用户单击启用按钮时,我需要启用控件,当用户单击禁用按钮时,需要再次禁用控件。
<div id="main" >
<input type="text" id="Year" name="Year" class="mytextbox disabled" />
<br />
<input type="text" id="StudentID" name="StudentID" class="mytextbox disabled" />
<br />
<br />
<input type="button" id="enableButton" name="enableButton" value="Enable" />
<br />
<br />
<input type="button" id="disableButton" name="disableButton" value="Disable" />
</div>
$(".disabled").keydown(function (e) {
e.preventDefault ? e.preventDefault() : e.returnValue = false;
});
$(".disabled").bind("copy paste cut", function (e) {
e.preventDefault ? e.preventDefault() : e.returnValue = false;
});
$("#enableButton").click(function (e) {
$(".mytextbox").removeClass("disabled");
});
$("#disableButton").click(function (e) {
$(".mytextbox").addClass("disabled");
});