在文本框上添加“只读”属性后无法在一个事件中将其删除

Question

复制步骤
使用Internet Explorer

选中无限复选框
单击文本框（它将删除复选框中的勾号/复选框）
尝试在文本框中输入文本

我们无法在文本框中输入
4.再次单击文本框。 现在我们将能够在文本框中输入文本

我们尝试过
1.将属性设置为readOnly，即$（'＃myinput'）。attr（'readOnly'，false）;
2.调用$（'＃myinput'）。click（）;

以下是HTML代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Make input read only</title>
    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.4.min.js"></script>
</head>
<body>
    <input id="myinput" type="text" />
    <input id="mycheck" type="checkbox" />
    <script type="text/javascript">
        /*oncheck box click*/
        $('#mycheck').click(function () {
            if ($(this).attr('checked')) {
                $('#myinput').attr('readOnly', 'readOnly');
            }
            else {
                $('#myinput').removeAttr('readOnly');
                /* also tried  
                 * $('#myinput').attr('readOnly', false);
                 * $('#myinput').attr('readOnly', '');
                 */
            }
        });
        /*on text box click*/
        $('#myinput').click(function () {
            $('#mycheck').removeAttr('checked');
            $('#myinput').removeAttr('readOnly');
            /* also tried  
             * $('#myinput').attr('readOnly', false);
             * $('#myinput').attr('readOnly', '');
             */
        });
    </script>
</body>
</html>

即时复制

Answer 1

您需要将readonly属性设置为类似这样的值

$('#myinput').attr('readOnly', '');

Answer 2

我遇到了同样的问题，并在stackoverflow上报告了它，一秒钟后发现了它。

编辑： 找到了。

如果您阅读了我的文章，它也可以解释正在发生的事情。 实际上，文本框实际上已被解锁（与Tyde尝试的不同）。 问题与焦点/选择有关。

Answer 3

function preventBackspace(e) {

    var evt = e || window.event;

    if (evt) {
        if (evt.srcElement.getAttribute('readonly')) {
            var keyCode = evt.charCode || evt.keyCode;
            if (keyCode === 8) {
                if (evt.preventDefault) {
                    evt.preventDefault();
                } else {
                    evt.returnValue = false;
                }
            }
        }
    }
}

我有一个场景，其中的文本框将在只读和可编辑之间切换，因此我添加了条件if (evt.srcElement.getAttribute('readonly'))有所帮助。

Answer 4

将此用于IE，也可以在chrome和mozilla中使用

$('#myinput').removeAttr("readonly");
$('#myinput').select();

在文本框上添加“只读”属性后无法在一个事件中将其删除

问题描述

4 个解决方案

解决方案1
2 2010-12-21 08:26:00

解决方案2
1 已采纳 2010-12-21 08:56:07

解决方案3
0 2012-06-15 07:39:58

解决方案4
0 2016-09-27 10:30:42

在文本框上添加“只读”属性后无法在一个事件中将其删除

问题描述

4 个解决方案

解决方案1 2 2010-12-21 08:26:00

解决方案2 1 已采纳 2010-12-21 08:56:07

解决方案3 0 2012-06-15 07:39:58

解决方案4 0 2016-09-27 10:30:42

解决方案1
2 2010-12-21 08:26:00

解决方案2
1 已采纳 2010-12-21 08:56:07

解决方案3
0 2012-06-15 07:39:58

解决方案4
0 2016-09-27 10:30:42