Задать вопрос
@Sadko_MVS

Как менять атрибут name input type=text при изменении name input type=checkbox?

Есть группа input type=checkbox, в одном из них есть select с размерами. При выборе какого-либо чекбокса, значение его атрибута name, передается в input type=text.
Задача заключается в том, чтобы при смене значений select, происходило изменений атрибута name в input id="product".
<div class="block">
    <div><input id="cd1" name="size-XXS" type="checkbox" value="69" /> <label for="cd1">товар1 
    <select id="prodactSize">
        <option value="size-XXS">XXS</option>
        <option value="size-XS">XS</option>
    <option value="size-S">S</option>
    <option value="size-M">M</option>
    <option value="size-L">L</option>
    <option value="size-XL">XL</option>
    <option value="size-XXL">XXL</option>
    </select>*</label>69</div>
    <div><input id="cd2" name="товар2" type="checkbox" value="29" /> <label for="cd2">товар2</label>29</div>
    <div><input id="cd3" name="товар3" type="checkbox" value="19" /> <label for="cd3">товар3</label>19</div>
    <div><input id="cd4" name="товар4" type="checkbox" value="99" /> <label for="cd4">товар4</label>99</div>
    <div><input id="cd5" name="товар5" type="checkbox" value="59" /> <label for="cd5">товар5</label>59</div>
    <div><input id="cd6" name="товар6" type="checkbox" value="19" /> <label for="cd6">товар6</label>19</div>
    </div>

    <input id="product"></input>
    <input id="size"></input>

      var listNameRes = [];
Array.prototype.remove = function(value) {
    var idx = this.indexOf(value);
    if (idx != -1) {
      return this.splice(idx, 1);
    }
    return false;
  };
      jQuery('.block input').change(function(e){
    if (e.target.checked){
        listNameRes.push(e.target.name);
        jQuery('#product').val(listNameRes.join(', '));
    } else {
        listNameRes.remove(e.target.name);
        jQuery('#product').val(listNameRes.join(', '));
    }
});

jQuery(function(){
	jQuery('#prodactSize').change(function(){
	var harnessData = jQuery('#prodactSize :selected').val();
	jQuery("#size").val(harnessData);
	});
});
    </script>
  • Вопрос задан
  • 117 просмотров
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы