javascript – 只读jquery

我试图添加只读的所有输入,然后点击删除只读,使其适用于打字.
所有输入的只读设置部分工作,但删除点击不起作用请帮助.

我的代码：

<script language="javascript">
$(document).ready(function()
{
$('#secureFields :input').attr('readonly',true);

    $('.readonly').click(
    function()
    {
        if ($('.readonly').attr("readonly") == true)
        {
            $('.readonly').val('');
            $('.readonly').removeAttr("readonly");
        }           
    }); 
});
</script>

html是这样的：

<table class='table' id='secureFields'  >
        <tr>
            <td width=200>First Name:</td>
            <td><input readonly='readonly'  type='text'  name='firstname' size=30 class='required'/></td>
        </tr>
        <tr>

解决方法

重要注意事项：不要写语言=“javascript”,但type =“text / javascript”

您必须选择属性只读的输入,而不是类只读.

请执行以下操作：

$('input[readonly]').click(

代替

$('.readonly').click(

然后你只需要一行：

$(this).removeProp("readonly");

这是正确的代码：

$('input[readonly]').click(function(){
     $(this).removeProp("readonly");           
});

查看Examplefiddle

FYI：脚本不会被你的readonly阻止,他们可以简单地设置字段的值…