我有一个文本框在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