0

Нужно из одной формы чекбоксов передать id и чекнуть на второй форме, теже значения.

 $(".zones").on('click', function() {
      var log = $( ".zones :checked" ).map(function () {
      return this.value;
      }).get().join(" "); 
      console.log(log);
      check1 = log;
    })

ТАким образом в переменной check1 есть набор чекнутых id. Каким образом мне тот-же самый набор id перенести и чекнуть на другой div -

$(".cities_zones").checked = true;//где тут указать id ?

7
  • вы не поверите, внутрь $(".cities_zones") можно передавать не только строковые данные, но и переменные)) 27 окт 2016 в 8:10
  • поверю) ну так как с id быть? 27 окт 2016 в 8:11
  • да, массив, возвращает [1,3,4,5...] 27 окт 2016 в 8:15
  • ДА есть массив с всема чекнутыми, как именно их id к .prop('checked')/.checked = true прикрепить? 27 окт 2016 в 8:16
  • далее log.each(function(i,el){ $(".cities_zones #" + el).checked = true; }) 27 окт 2016 в 8:17

1 ответ 1

2

let map = {};

// Кэшируем чекбоксы второй группы
$('#form2 input').map((_, e) => map[e.dataset.group] = $(e));

$('#setBoxes').on('click', e => {  
  // Обнуляем все старые боксы
  $('#form2 input').prop('checked', false);
  
  // Перебираем все отмеченные боксы
  $('#form1 input:checked').map((_, e) => {
    if(e.dataset.group in map)
      map[e.dataset.group].prop('checked', true);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='form1'>
  <label>Dr. Who: <input type='checkbox' data-group='1' /></label><br />
  <label>Dr. House: <input type='checkbox' data-group='2' /></label><br />
  <label>Dr. Cox: <input type='checkbox' data-group='3' /></label>
</div><br />
<input type='button' id='setBoxes' value='Отметить' /><br /><br />
<div id='form2'>
  <label>Dr. Who: <input type='checkbox' disabled data-group='1' /></label><br />
  <label>Dr. House: <input type='checkbox' disabled data-group='2' /></label><br />
  <label>Dr. Cox: <input type='checkbox' disabled data-group='3' /></label>
</div>

2
  • теперь ты должен объяснить что такое (_, e) => :) 27 окт 2016 в 8:34
  • @Jean-Claude, это стрелочные функции. Очень удобная вещь.
    – user207618
    27 окт 2016 в 8:35

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.