Как выставить disabled на нескольких инпутах в форме?

Question

[Алексей Fr]

Ниже представлен код, который показывает или скрывает див с инпутами в зависимости от выбранного пользователем варианта, но форма отправляет все инпуты, чтоб инпуты не отправлялись, нужно добавить атрибут "disabled" к каждому инпуту внутри неактивного дива. Пробовал цеплять $('#s>input').attr('disabled',true); к селектору, не срабатывает. В JS совсем недавно, понять в чем проблема не могу.

<form>
      <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
      {{agent || "agent"}}
      <span class="caret"></span>
      </button>
      <ul class="dropdown-menu" role="menu">
        <li><a href="#" ng-click="s=true;f=false;agent_type='s';">s</a></li>
        <li><a href="#" ng-click="f=true;s=false;gent_type='f';">f</a></li>
      </ul>
<div ng-show="s" id="s">
 <input type="text">
</div>
<div ng-show="f" id="f">
<input type="text">
</div>
</form>

Answer 1

[Алексей Fr]

Проблема решена добавлением к инпутам атрибута ng-disabled, который проверял переменные s и f, соотственно, на true и false.

Answer 2

[Вадим Белкин]

Можно так
$("input").prop("disabled", true);

Но проблема думаю у вас либо в вызове функции которая делает disabled либо в селекторе (может в живом проекте доп. обертка у поля). Так как $('#s>input').attr('disabled',true); должен срабатывает. Можно живой пример увидеть?

Comments

[Алексей Fr]

К сожалению нет, все на локалхосте, в консоли чисто, ангулар подключается вверху нормально.

[Вадим Белкин]

Приведенный вами код, просто вставил в html страницу и в консоли вызвал код для disabled поля - все работает. Проверяйте консоль, ошибок нет?

[Алексей Fr]

Вадим Белкин: никаких ошибок, сейчас выполнил отдельно эту команду, ничего не изменилось, как ни странно, вот что вернуло:
Object { 0: , length: 1, prevObject: Object, context: HTMLDocument → test.loc, selector: "#s>input" }

Answer 3

[Dmitry Dedukhin]

1. Вместо ng-show использовать ng-if
2. Если вам нужно задизейблить группу инпутов, заключите их в тег <fieldset ng-disabled="condition">