Если я правильно понимаю ваш вопрос, вы хотите скрыть некоторые элементы div с идентификаторами, полученными из идентификатора флажка, которые следуют за флажком, когда флажок снят.Вы можете использовать этот jQuery, чтобы скрыть div с производными идентификаторами:
$("#edit-field-gallery-images-0-data-revise, #edit-field-gallery-images-1-data-revise").change(function() {
$("#" + this.id + "dby-wrapper").toggle(this.checked);
$("#" + this.id + "don-wrapper").toggle(this.checked);
});
Чтобы это работало, вам придется исправить HTML, так как некоторые из div не закрыты должным образом.
Вы можете увидеть эту работу здесь: http://jsfiddle.net/jfriend00/bSnCt/. Установите флажки вкл / выкл, чтобы увидеть, как скрыто содержимое ниже.
Если я не правильно понял вопрос, то уточните в своем вопросетак что другие тоже могут понять.
Для N флажков (где N - большое и произвольное число), вам нужно назначить общее имя класса для каждого флажка, а затем вы можете использовать jQuery, как это, и это дастэто поведение для всех флажков:
$(".autoCheckbox").change(function() {
$("#" + this.id + "dby-wrapper").toggle(this.checked);
$("#" + this.id + "don-wrapper").toggle(this.checked);
});
Если вы управляете HTML для этого, тогда это понятие манипулирования строками ID не является самым простым способом сделать это.Гораздо лучше дать вещам, которые вы хотите скрыть, общее имя класса (например, «autoHide»), а затем поместить контейнер div вокруг данного флажка и содержимого, которое вы хотите скрыть.Затем вы можете заставить все это работать так:
$(".autoCheckbox").change(function() {
$(this).parent().find(".autoHide").toggle(this.checked);
});
И сложные значения идентификаторов вообще не используются.Поскольку каждый флажок и скрытый контент содержатся в их собственном контейнере div, вы можете иметь столько их, сколько хотите на странице, и флажок знает, какой контент скрыть, найдя элементы в том же родительском элементе с данным именем класса.Это может быть довольно элегантно.
Вот простая версия без идентификаторов, только классов и контейнеров:
http://jsfiddle.net/jfriend00/7VTMy/
<div class="container">
<label>
<input class="autoCheckbox" type="checkbox" checked="checked"> Check here to show related content 1
</label>
<div class="autoHide">Line 1</div>
<div class="autoHide">Line 2</div>
</div>
<br><br>
<div class="container">
<label>
<input class="autoCheckbox" type="checkbox" checked="checked"> Check here to show related content 2
</label>
<div class="autoHide">Line 1</div>
<div class="autoHide">Line 2</div>
</div>
И код JS для управленияэто:
$(".autoCheckbox").change(function() {
$(this).closest(".container").find(".autoHide").toggle(this.checked);
});