如何在单击按钮时启用/禁用文本框

时间:2012-06-07 16:25:26

标签: javascript html

例如,我的页面有一个已经有一些值的文本框,并且它的readonly选项为“true”,当在文本框旁边单击编辑按钮时,文本框中的编辑选项被启用。单击按钮时如何实现启用文本框。

function func() {
    $("input:button[name='button1']").click(function() {
        $("#text11").val($(this).val()).attr("disabled", "disabled");
        if($(this).val() != "") { 
            $("#text11").attr("disabled", "").focus();
        } 
    });
}
<input type="text" name="text11" readonly="readonly" value="Editing is disabled">
<input type="button" value="edit" name="button1">

当我点击此按钮时,文本框中的只读选项应该被禁用。我该怎么办?

2 个答案:

答案 0 :(得分:2)

基本上你只想将属性禁用添加到元素中以阻止用户使用它。

$('#disablebutton').click(function(){
    $('#textfieldToClose').attr('disable');
});

<input type="text" name="text11" readonly="readonly" id="textfieldToClose">
<input type="button" value="edit" name="button1" id="disablebutton">

我认为这应该有用,没有经过考验。

答案 1 :(得分:0)

您需要使用HTML DOM对象......

http://www.w3schools.com/jsref/default.asp