你好傢伙我只想問我怎麼能改變使用jquery中的事件的html屬性值。例如,我有一個充滿信息的用戶列表,並有一個按鈕更新和取消。用戶信息是READONLY,但當用戶單擊按鈕更新時,它將刪除我的文本框中的READONLY屬性。使用jQuery中的onclick事件更改HTML屬性值
這裏是我的簡單的代碼:
<div style="display: none" id="form_edit" class="k-content">
<table border="0">
<tr>
<td>
<label>P.O. #</label>
</td>
<td>
<input type="text" name="po" value="<?php echo $order_code; ?>" readonly="readonly" />
</td>
<td>
<label>SUPPLIER NAME</label>
</td>
<td>
<input type="text" name="suppliername" value="<?php echo $sname; ?>" readonly="readonly"" />
</td>
<td>
<label>Contact Person</label>
</td>
<td>
<input type="text" name="person" value="<?php echo $contactperson; ?>" readonly="readonly" />
</td>
</tr>
<tr>
<td>
<label>TIN #</label>
</td>
<td>
<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,
});
});
當你點擊更新按鈕的權利,你想從文本框中刪除只讀,但它也提交表單,當你點擊更新按鈕。 –
對不起,我的錯我會改變它按鈕 – Jerielle
檢查我的編輯我確定它會幫助你解決你的問題 –