Question

我正在努力弄清楚如何在某种条件下启用文本框。所以，在下面的例子中，我想要输入框＆＃34; name＆＃34;在按钮＆＃34; enterName＆＃34;之前被禁用点击。然后当输入框中的某些内容输入＆＃34; name＆＃34;我想要＆＃34; useName＆＃34;按钮启用（或只是弹出一个警告框，上面写着＆＃34;输入名称＆＃34;）

<button id="enterName"> Enter a Name </button>
Name: <input type="text" id="name" disabled="disabled"/>
<button id="useName" disabled="disabled"> Use this name </button>

现在，我有这个：

$(document).ready(function(){
   $("button:#enterName").click(function(){

       /* ??? */

     });
    });

$(document).ready(function(){
  $("button:#useName").click(function(){

    $("div.nameUsing").append($('input#name').val());
    $('input#name').val("");   //reset input field

 });
});

我不知道如何启用文本框＆＃34; enterName＆＃34;按钮，或者当＆＃34; useName＆＃34;时如何检查输入？按下按钮。任何帮助将不胜感激。

Answer 1

尝试使用removeAttr。例如：

$("#enterName").click(function() {
    $('#name').removeAttr('disabled');
});

Answer 2

您想使用.prop() jQuery API启用或禁用控件。

经过测试和working：

$(document).ready(function () {
    $("button#enterName").click(function () {
        $('input#name').prop('disabled', false);
    });
    $('input#name').change(function () {
        $("button#useName").prop('disabled', $(this).val().length === 0); //enable if length > 0, disable otherwise
    });
    $("button#useName").click(function () {
        $("div.nameUsing").append($('input#name').val());
        $('input#name').val("");   //reset input field
    });
});

Answer 3

试试这个

$("#enterName").click(function() {
   $('#name').prop('disabled', false);
})

$('#name').keyup(function(){
    $('#useName').prop('disabled', $(this).val().length == 0);
});

jsFiddle demo

在条件jquery上启用按钮/输入区域

3 个答案: