2013-08-27 70 views
0

你好傢伙我只想問我怎麼能改變使用jquery中的事件的html屬性值。例如,我有一個充滿信息的用戶列表,並有一個按鈕更新和取消。用戶信息是READONLY,但當用戶單擊按鈕更新時,它將刪除我的文本框中的READONLY屬性。使用jQuery中的onclick事件更改HTML屬性值

這裏是我的簡單的代碼:

<div style="display: none" id="form_edit" class="k-content"> 
     <table border="0"> 

      <tr> 
       <td> 
        &nbsp;&nbsp;&nbsp;<label>P.O. #</label> 
       </td> 
       <td> 
        &nbsp;&nbsp;&nbsp;<input type="text" name="po" value="<?php echo $order_code; ?>" readonly="readonly" /> 
       </td> 
       <td> 
        &nbsp;&nbsp;&nbsp;<label>SUPPLIER NAME</label> 
       </td> 
       <td> 
        &nbsp;&nbsp;&nbsp;<input type="text" name="suppliername" value="<?php echo $sname; ?>" readonly="readonly"" /> 
       </td> 
       <td> 
        &nbsp;&nbsp;&nbsp;<label>Contact Person</label> 
       </td> 
       <td> 
        &nbsp;&nbsp;&nbsp;<input type="text" name="person" value="<?php echo $contactperson; ?>" readonly="readonly" /> 
       </td> 
      </tr> 

      <tr> 
       <td> 
        &nbsp;&nbsp;&nbsp;<label>TIN #</label> 
       </td> 
       <td> 
        &nbsp;&nbsp;&nbsp;<input type="text" name="tin" value="<?php echo $tin; ?>" readonly="readonly" /> 
       </td> 
      </tr> 

      <tr> 
       <td colspan="6" style="text-align: right"> 

        <input type="button" value="UPDATE" class="k-button" id="submit_form"/> 
        <input type="button" value="HIDE" class="k-button" id="close_form"/> 
       </td> 
      </tr> 


     </table> 
    </div> 

我的jQuery

$("a[name=edit_order]").click(function (e) { 
     $("#window_edit").data("kendoWindow").open(); 
     e.preventDefault(); 
    }); 

    $("a[name=remove_order]").click(function (e) { 
     $("#window_remove").data("kendoWindow").open(); 
     e.preventDefault(); 
    }); 

    /*here's the part that will remove the readonly attribute but how can i do that? 
    $("#update_supplier").click(function(){ 
     $("#form_edit").show({ 
      effect: "blind", 
      animation: 1000 
     }); 

     $("#update_supplier").hide({ 
      effect: "fade", 
      animation: 1000, 
     }); 
    }); 

    /*if close bring back again the readonly*/ 
    $("#close_form").click(function(){ 
     $("#form_edit").hide({ 
      effect: "blind", 
      animation: 1000 
     }); 

     $("#update_supplier").show({ 
      effect: "fade", 
      animation: 1000, 
     }); 
    }); 
+0

當你點擊更新按鈕的權利,你想從文本框中刪除只讀,但它也提交表單,當你點擊更新按鈕。 –

+0

對不起,我的錯我會改變它按鈕 – Jerielle

+0

檢查我的編輯我確定它會幫助你解決你的問題 –

回答

4

試試這個代碼:

$('#submit_form').on('click', function() { 
    $('input[name="suppliername"]').removeAttr('readonly'); 
}); 

檢查我的編輯。

+0

解釋downvote? –

+0

好吧,我會嘗試也:) – Jerielle

+0

它的工作原理。但是如果我即將再次回到只讀狀態呢? – Jerielle

4

試試這個

$('#submit_form').on('click', function() { 
    $('input["readonly"]').removeAttr('readonly'); 
}); 
+0

你在哪裏找到'.suppliername'類? –

+0

啊謝謝看到錯誤的想法,它是類 – Anton

+0

我不能看到這個名字的任何類? –

相關問題