1

我有一个表单，我有一堆字段，这些字段已设置为只读并使用 jquery 禁用，如下所示：

$('.adminOnlyField').prop('disabled', 'disabled');
$('.adminOnlyField').attr("readonly","true");

我同时使用两者，因此选择字段对查看者来说也是只读的。

我想在提交表单之前从表单中删除这些属性，以便其他非禁用字段进入我的模型。我已经尝试过了，但它似乎不起作用：

$('.clear_ready_only').click(function(e) 
{
   e.preventDefault();
   $('.adminOnlyField').removeAttr('disabled');
   $('.adminOnlyField').removeAttr('readonly');
   $('#CardModifysaleForm').submit();
});

我错过了什么吗？我以为这会完成这项工作？

谢谢

// 以下更改后的完整 JS 功能

$(function () {

    var $adminOnly = $('.adminOnlyField');
    $adminOnly.prop('disabled',true).prop('readonly',true);
    $adminOnly.attr("onclick","return false");
    $adminOnly.attr("onkeydown","return false");
    $adminOnly.removeClass('required');
    $adminOnly.removeClass('date_picker');



    $('.clear_ready_only').click(function(e) 
    {
        e.preventDefault();
        $adminOnly.prop('disabled',false).prop('readonly',false);
        $adminOnly.attr("onclick","return true");
        $adminOnly.attr("onkeydown","return true");
        $('#CardModifysaleForm').submit();
    });

});
4

2 回答 2

1

首先，您可以同时使用.prop()，这比.attr()：

$('.adminOnlyField').prop('disabled',true);
$('.adminOnlyField').prop('readonly',true);

其次，为了提高效率，您应该缓存和链接：

var $adminOnly = $('.adminOnlyField');
$adminOnly.prop('disabled',true).prop('readonly',true);

第三，要回答您的问题，只需在提交时打开开关：

$('.clear_ready_only').click(function(e){
    e.preventDefault();
    $adminOnly.prop('disabled',false).prop('readonly',false);
    $('#CardModifysaleForm').submit();
});
于 2013-09-06T21:42:22.940 回答
0 
$('.adminOnlyField').
   prop('disabled', false).
   prop('readonly', false);

应该这样做。

于 2013-09-06T21:41:55.357 回答