input要素のname属性を取得したい

Question

前提・実現したいこと

jqueryでinput要素のname属性を取得したいです。

発生している問題・エラーメッセージ

最初の要素のname属性しか取得されません。
全ての要素のname属性を取得したいです。

該当のソースコード

let names = $("input#check").attr("name");
    console.log(names);

{%for word in words%}
    <div class="flex-item">
        <div class="itemlist">
            <h2 class="text-center w-100">{{word.first_word}}</h2>
            <input type="checkbox" name={{word.first_word}} id="check">
        </div>
        <div class="itemlist">
            <h2 class="text-center w-100 mosaic">{{word.second_word}}</h2>
        </div>
    </div>
{%endfor%}

python(django)使ってます。

試したこと

let obs = $("input#check");
let names;
names.forEach(ele => {
    names.push(ele.attr("name"));
})

これはエラーが出ました。

補足情報（FW/ツールのバージョンなど）

jquery 3.4.1

Answer 1

複数のHTMLタグに同じIDをふることはできません

<script>
$(function(){
  var names=$('[name]').map(function(){return $(this).attr('name');}).get();
  console.log(names);
});
</script>
<input type="checkbox" name="c1">
<input type="checkbox" name="c2">
<input type="checkbox" name="c3">

Comments

[yusei59]

そんな初歩的なミスをしていたとはきずきませんでした。
ご回答ありがとうございました。