使用html中的按钮启用一组文本框

时间:2015-03-16 11:47:49

标签: jquery html css

我设法使用"禁用"禁用了一组文本框。标签。但我希望使用点击按钮启用所有文本框。我试过了,但它没有用。

$(document).ready(function(){
   $('#btnSaveGenInfo').click(function(){
     $('#textfieldToClose').prop('disabled', false)
   });
});

4 个答案:

答案 0 :(得分:0)

尝试以下代码。 input [type =" text"]包含所有具有文本类型的输入。检查工作DEMO

$(document).ready(function(){
   $('#btnSaveGenInfo').click(function(){
    $('input[type="text"]').prop('disabled', false);
  });
});

答案 1 :(得分:0)

你的能力应该有效。但是通过你提到的事实

  

一组文本字段

并且您正在使用id-selector来引用您的文本字段我假设您的文档中有多个ID。有关ID和类规范,请参阅here

请尝试使用类选择器:

$(document).ready(function () {    
    $('#btnSaveGenInfo').click(function () {    
        $('.textfieldToClose').prop('disabled', false);    
    });    
});

Demo

答案 2 :(得分:0)

您的文本框似乎有重复的ID。 ID应始终是唯一的。您可以将常用类(例如textfieldToClose)分配给它们,然后使用:

$(document).ready(function(){
 $('#btnSaveGenInfo').click(function () {
  $('.textfieldToClose').prop('disabled',false);
});});

答案 3 :(得分:0)

这应该重新启用所有文本字段:

 $('input[type="text"]').prop('disabled', false);

希望有所帮助!

修改

提交按钮应如下所示:

<button class="go-btn" type="submit">

然后javascript看起来像这样:

$('.go-btn').click(function() {
    $('input[type="text"]').prop('disabled', false);
});​