【问题标题】:how to reset a "readonly=true" input field in a form created from php to "readonly=false" using javascript/jquery?如何使用 javascript/jquery 将由 php 创建的表单中的“readonly=true”输入字段重置为“readonly=false”?
【发布时间】:2013-07-29 05:57:20
【问题描述】:

我有一个从 php 文件创建的表单和一个具有只读属性的文本字段,在单击编辑按钮时(在创建输入字段期间也会创建编辑按钮),我希望所述字段是可编辑,我该怎么做?

<td text align="center">
<input type="text" id=SOME_AMOUNT<?= $j; ?> value=<?=" " .$arr[$j]['BILL_AMOUNT'] . "  "; ?> readOnly>
<button type="button" id=EDIT_AMOUNT<?php echo "$j"; ?> class="EDIT_AMOUNT btn btn-mini btn-primary"> Edit Bill</button>

$(document).ready(funcion(){
    $(".EDIT_AMOUNT").click(function(){
        var id=$(this).attr('id');
        var index=id.match(/\d+$/)[0]; // to get the id numerals from the id string
        $("#SOME_AMOUNT"+index).attr("readOnly", false);
    }); 
});

编辑:问题似乎在于 php 文件中包含的用于表格对齐的 javascript。这怎么可能?

【问题讨论】:

    标签: php javascript ajax arrays


    【解决方案1】:

    试试这个(纯 JS):

    document.getElementById('SOME_AMOUNT').readonly = false;
    

    【讨论】:

    • @L4reds:当然要使用真实的id,你的好像有后缀。
    • 我知道..仍然无法正常工作,可能有什么问题?
    • @L4reds:按钮是否提交表单?
    • 不.. 只是为了达到这个目的。我刚刚发现我正在使用的另一个 javascript 源文件似乎可以防止这种情况发生..我不太确定..
    【解决方案2】:

    使用这个

    $("#SOME_AMOUNT"+index).attr('readOnly', false);
    

     $("#SOME_AMOUNT"+index).removeAttr('readOnly');
    

    【讨论】:

      【解决方案3】:

      你可以在 jquery 上试试这个:

      $('element').attr('some attribute','some attributes value')
      

      你的情况是:

      $('you_elemnt').attr("readOnly", false);
      

      【讨论】:

        【解决方案4】:

        您需要删除该属性;

         $("#SOME_AMOUNT"+index).removeAttr('readonly');
        

        【讨论】:

          【解决方案5】:

          试试这个

           $('#FullName').attr('readOnly', false);
          

          或者试试这个

           $('#FullName').removeAttr('readonly');
          

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 2011-12-05
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 2012-12-05
            相关资源
            最近更新 更多