2015-05-01 8 views
2

Сначала я показываю контейнер div с отключенными полями ввода.Включить/отключить поле ввода после второго щелчка

$("#button").click(function() { 
    $(".disable-input").prop('disabled', true); 
}) 

И второй кнопкой внутри отображаемого сНу контейнера Я хочу, чтобы включить изменения для полого ввода после первого щелчка и после второго разрешенных поля ввода должны быть отключены. Например: покажите моих клиентов через контейнер div и внутри этого контейнера div, я могу изменить их одним нажатием кнопки. Какая у меня ошибка?

var count = 0; 
    if(count == 0) { 
     $("#edit").click(function(){ 
      $(".disable-input").prop('disabled', false);}) 
      count = 1; 
    } 
    if(count == 1) { 
     $("edit").click(function(){ 
       $(".disable-input").prop('disabled', true);}) 
       count = 0; 
    } 
+0

вы должны обрабатывать проверки счетчика на внутренней стороне обработчика. в противном случае –

+0

возможный дубликат [Включить отключенный атрибут с помощью jQuery] (http://stackoverflow.com/questions/4702000/toggle-input-disabled-attribute-using-jquery) – Matt

ответ

1

Использование атр («отключено», «инвалиды») и removeAttr («отключено»), чтобы сделать это

var count = 0; 
    if(count == 0) { 
     $("#edit").click(function(){ 
      $(".disable-input").attr('disabled', 'disabled'); 
      count = 1; 
     }); 
    } 
    if(count == 1) { 
     $("edit").click(function(){ 
      $(".disable-input").removeAttr('disabled'); 
      count = 0; 
     }); 
    } 

Причина заключается в том, что присутствие «инвалидов» атрибута (независимо от того, значение) на входном элементе достаточно, чтобы заставить вход отключить, независимо от значения - то есть

<input type="text" disabled="false" /> 

... отключен.

+0

Спасибо. Все работает нормально – Chris

+0

Есть ли та же процедура для показа и скрытия текстовых полей и контейнеров div? – Chris