jQuery: несколько полей с одинаковыми именами, но с помощью селектора $ (this)

Question

jQuery: несколько полей с одинаковыми именами, но с помощью селектора $ (this)

0

У меня есть несколько флажков:

<div class="abc">
  <%= check_box_tag "closed" %>
  <%= select_tag :time %>
</div>
<div class="abc">
  <%= check_box_tag "closed" %>
  <%= select_tag :time %>
</div>
<div class="abc">
  <%= check_box_tag "closed" %>
  <%= select_tag :time %>
</div>
<div class="abc">
  <%= check_box_tag "closed" %>
  <%= select_tag :time %>
</div>

Они имеют одинаковое имя и id #closed

Как это сделать, когда я нажимаю на флажок (например, последний флажок), он отключит последний select_tag?

Я попробовал что-то вроде этого:

$("#closed", this).change ->
  alert("test")
  $(this).closest(".abc").prop('disabled', true)

Пока это работает, только если я нажму первый флажок в DOM.

благодаря

hellomello 30 апр. 2014, в 09:22

Источник

0

можете поделиться сгенерированным html
Arun P Johny 30 апр. 2014, в 06:34
1

Идентификаторы должны быть уникальными в HTML. они могут иметь одно и то же name . Вы можете использовать класс вместо
Satpal 30 апр. 2014, в 06:35
0

то же имя и идентификатор # закрытое недопустимое создание разметки.
Jai 30 апр. 2014, в 06:36
2

попробуйте jsfiddle.net/arunpjohny/L9ENJ/3
Arun P Johny 30 апр. 2014, в 06:39
0

@ArunPJohny спасибо! Это очень помогло.
hellomello 30 апр. 2014, в 06:47

Показать ещё 3 комментария

Теги:

javascript

jquery

ruby-on-rails

ruby

checkbox

2 ответа

Ещё вопросы

можете поделиться сгенерированным html
Идентификаторы должны быть уникальными в HTML. они могут иметь одно и то же name . Вы можете использовать класс вместо
то же имя и идентификатор # закрытое недопустимое создание разметки.
@ArunPJohny спасибо! Это очень помогло.

Anthony Chu · Answer 1 · 2014-04-30T04-05-00.000Z

.abc - это <div>. Используйте .next() чтобы найти <select>...

$("#closed", this).change ->
  $(this).next("select").prop('disabled', true)

Как отмечали другие, наличие нескольких элементов с одним и тем же идентификатором является недопустимым HTML. Подумайте об этом.

brainless coder · Answer 2 · 2014-04-30T04-00-00.000Z

Прежде всего, это не очень хорошая практика использования одного и того же id для нескольких элементов в документе HTML. Но если вы уверены, что checkbox и select всегда находятся на одном уровне в документе, вы можете использовать siblings чтобы получить выбор -

$("#closed", this).change ->
  alert("test")
  $(this).siblings(".abc").prop('disabled', true)

или, может быть

$("#closed", this).change ->
alert("test")
$(this).parent().find(".abc").prop('disabled', true)

closest работает только в том случае, если искомый элемент является предком в дереве DOM, в противном случае - нет.