javascript – 只读jquery

前端之家收集整理的这篇文章主要介绍了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阻止,他们可以简单地设置字段的值…

原文链接:https://www.f2er.com/jquery/153687.html

猜你在找的jQuery相关文章