我有一個文本框在readonly中的值和一個按鈕,如果我單擊該按鈕文本框必須更改爲可編輯和按鈕保存...使用JavaScript或jquery如何通過單擊該按鈕將按鈕轉換爲保存按鈕
0
A
回答
-1
使用removeAttr
函數執行此操作。
對於readonly
將屬性readonly="readonly"
添加到文本並將其從腳本中刪除。
<script>
function func1(button)
{
$(button).val('Save');
$('input[type=text]').removeAttr('disabled')
}
</script>
<input type="text" disabled="disabled"></input>
<input type="button" onclick="func1(this)" value="enable"/>
演示here
1
這裏的上的jsfiddle http://jsfiddle.net/KTYWT/演示
HTML
<input id="textbox" type="text" readonly="readonly" />
<input type="button" id="textbutton" value="Edit" />
jQuery的
$('#textbutton').click(function(e) {
var text = $('#textbox');
if (text.is('[readonly]')) {
text.removeAttr('readonly');
$(this).val('Save');
} else {
text.attr('readonly', 'readonly');
$(this).val('Edit');
}
});
+0
感謝此守則正在工作 – akila 2011-03-03 07:53:56
-1
爲例e。使用jQuery的位置:http://jsfiddle.net/jomanlk/azGPf/
<input id='thebox' type='text' readonly="readonly" value='locked'>
<button id='thebutton'>The Button</button>
$('#thebutton').click(function(){
$('#thebox').removeAttr('readonly');
$(this).html('save');
})
重命名按鈕,使文本編輯。
編輯答案編輯以顯示「只讀」作爲禮指出
相關問題
- 1. 通過單擊按鈕禁用按鈕
- 2. ObjectListView按鈕單擊按鈕
- 3. 通過單擊按鈕
- 4. 通過單擊X按鈕
- 5. 如何通過單擊按鈕顯示另一個按鈕?
- 6. 將Ajax.ActionLink轉換爲按鈕
- 7. 試圖在單擊按鈕時轉換按鈕顏色as3
- 8. 如何通過點擊另一個按鈕java執行按鈕?
- 9. 如何禁用單擊切換按鈕時的主頁按鈕
- 10. 單擊按鈕
- 11. 保存按鈕點擊數
- 12. Applescript點擊保存按鈕
- 13. AHK腳本將按住按鈕轉換到切換按鈕
- 14. 按鈕轉換
- 15. 將單選按鈕值轉換爲bool
- 16. 單擊按鈕創建按鈕
- 17. 單擊按鈕後禁用按鈕
- 18. 單擊按鈕時最大化按鈕
- 19. 單擊按鈕陣列中的按鈕
- 20. 如何基於行溢出將按鈕列表轉換爲單選按鈕?
- 21. 通過點擊按鈕
- 22. 通過jquery點擊按鈕
- 23. HTML - 通過點擊按鈕
- 24. 通過點擊按鈕
- 25. 通過點擊按鈕
- 26. 如何將這些圖像切換按鈕轉換爲向量切換按鈕?
- 27. 通過按鈕
- 28. 單擊按鈕後的AngularJS按鈕模糊按鈕
- 29. 按鈕登錄按鈕單擊FBConnect API時的按鈕
- 30. 在點擊搜索按鈕顯示更新按鈕,隱藏保存按鈕
問題問只讀,不能禁用。 – Eli 2011-02-26 06:33:09
@Eli這麼大以至於它必須被低估? – 2011-02-26 06:34:52
如果用戶嘗試使用Ajax發佈此表單,則不會發布該字段的表單值。需要只讀。 – Eli 2011-02-26 06:36:49