Почему возвращает [object Object]?

05 марта 2021, 16:00

Ситуация, казалось, простая, но я окончательно запутался. Суть в том, что надо каждому элементу добавить id значение которого = атрибуту value. Но в конечном итоге массив valuev заполнен значениями, но когда пытаюсь их добавить, то выдаёт [object Object]. JQ:

var valuev = [];
        $("input[type=checkbox]:not(:first)").each( function( index) { valuev[index] = $(this).attr("value"); });
        $("input[type=checkbox]:not(:first)").attr({
          name: "checkMess[]",
          id: ""+($("input[type='checkbox']:not(:first)").each( function( index, element) {
            var i = index;
            $( element).attr({
              value: ""+valuev[index]// Тут [object Object]
            });
            alert(valuev[i]);//Тут нормальные значения
            }
          ))
        });

HTML:

<input type="checkbox" value="first">
<input type="checkbox" value="second">
<input type="checkbox" value="third">
<input type="checkbox" value="fourth">

В результате:

<input type="checkbox" value="first">
<input type="checkbox" value="second" name="checkMess[]" id="[object Object]">
<input type="checkbox" value="third" name="checkMess[]" id="[object Object]">
<input type="checkbox" value="fourth" name="checkMess[]" id="[object Object]">

Answer 1

Можно одной функцией обойтись, доп массив тут и не нужен

$("input[type=checkbox]:not(:first)").each(function() { 
  $(this).attr({ 
    name: 'checkMess[]', 
    id: $(this).attr('value'), 
  }); 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<input type="checkbox" value="first"> 
<input type="checkbox" value="second"> 
<input type="checkbox" value="third"> 
<input type="checkbox" value="fourth">