JS控制文本框只读状态（普通、EasyUI的textbox）

一、普通文本框用原生获取DOM元素的方法去获取可以进行改变，但是改用 $('#test') 这种反而不起作用。<body><a>测试：</a><input id="test" type="text" readonly="readonly"><br><button onclick="clickTest()"&g...

Alone_in_

5682人浏览 · 2020-05-02 22:18:30

Alone_in_ · 2020-05-02 22:18:30 发布

一、普通文本框

用原生获取DOM元素的方法去获取可以进行改变，但是改用 $('#test') 这种反而不起作用。

<body>
	<a>测试：</a><input id="test" type="text" readonly="readonly"><br>
	<button onclick="clickTest()">点击</button>
	<script type="text/javascript">
	    function clickTest(){
	        console.log('test');
	        document.getElementById("test").readOnly = false;
	    }
	</script>
</body>

二、EasyUI的 textbox

我尝试过用普通文本框的方法去设置，但是没反应，最后查到了这个，测试了一下是ok的。

<body>
	<a>测试：</a><input id="test" name="test" class="easyui-textbox" >
	<script type="text/javascript">
	    $(function() {
	        //Enter回车触发事件
	        $('#test').textbox('textbox').bind('keyup', function(e){
	            if (e.keyCode == 13){
	                $('#test').textbox('textbox').attr('readonly',true);
	            }
			});
		});
	</script>
</body>