javascript - 有条件地设置可编辑或只读文本字段

Question

如何有条件地启用或禁用可编辑字段(编辑/只读)？我使用数据库中的 session Angular 色来对文本字段设置条件。但是，我不知道如何继续......

<?php
include('session.php');
?>

<tr class="row1">
<td width="30%"><div align="left">Customer name1</div></td>
<td width="100%">
    <div align="left">
        <input type="text" name="CMCNA1" id="CMCNA1" style="width:100%;" pattern="[A-Za-z]+" title="Please insert alphabetical only" maxlength="35"/>
    </div>
</td>

Answer 1

我知道这是一篇旧帖子，但以防万一，对于那些有此需求的人来说。基于代码Narayan ，也许通过这样做(使用jquery):

<script type="text/javascript" >

function makerCheckerField()
{
    var role= <?php echo $_SESSION['login_user_role']; ?>;

    var maker='Maker';

    if (role === maker){
        $('#CMCNA1').attr('readonly', 'readonly');
    } else {
        $('#CMCNA1').removeAttr('readonly');
    }
} 
</script>

如果我没记错的话，readonly 属性的工作方式类似于 this :

readonly = "readonly" or "" (empty string) or empty Specifies that element represents a control whose value is not meant to be edited.

也许您必须正确管理 Angular 色的不同状态(如果您回到默认状态等会发生什么......)。

你还可以玩

.setAttribute, .getAttribute and .removeAttribute

不知道这是否是您要找的内容。