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

 一、普通文本框

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

<body>
	<a>测试:</a><input id="test" type="text" readonly="readonly"><br>
	<button οnclick="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>

随手记录,睡啦 ~ 

原创文章 87 获赞 17 访问量 6万+

猜你喜欢

转载自blog.csdn.net/Alone_in_/article/details/105895943