checkboxの値を取得するプログラム

Question

###前提・実現したいこと
JavaScriptでチェックされたcheckboxの値を取得するシステムを実装したいのですが、うまく動きません。
ボタンを押したらチェックされているcheckboxの値を取得して表示させたいです。
前半部分のチェックボックスを表示するプログラムは動いています。
jQueryも読み込んでいます。

知識足らずではありますが、ご指導よろしくお願いします。

###発生している問題・エラーメッセージ
Uncaught TypeError: hoge.push(...).then is not a function
###ソースコード

$(function(){
        //mBaaSの初期化
            var application_key = "";
            var client_key = "";
            var ncmb = new NCMB(application_key, client_key);
            
            var UN = ncmb.DataStore("UN");
            
            //showUNの設定
            $(function showUN(){
                //checkボックスの設定
                //nameから降順
                UN.order("name", false)
                    .fetchAll()
                    .then(function(ary){
                        $("#chbox").empty();
                        $.each(ary, function(i, UN){
                            $('<input name="hoge" type="checkbox" value="" /><label>')
                            .text(UN.get("name"))
                            .appendTo("#chbox");
                        });
                    })
                    .catch(function(){
                        alert("error");  
                    });                
            });
            
            $(".btn>#btn1").on("click", function(){
                //チェックボックスのデータ取得
                var hoge = [];
                var i = 0;
                $('[name="hoge"]:checked').each(function(){
                    hoge.push($(this).val())
                        .then(function(){
                            alert(hoge + "がチェックされました");
                        })
                        .catch(function(){
                            alert("データの取得失敗");
                        });
                });
            });
        });

    <form id="chbox"></form>
    
    <div class="btn">
        <input type="button" id="btn1" value="送信"/><br />
    </div>  

###補足情報(言語/FW/ツール等のバージョンなど)

Answer 1

申し訳ないです、できました。
まず、そもそもvalueに値がなかったのでそれを追加して、
そして、Lhankor_Mhyさんに指摘してもらったとおりthenを排除してalertをおいてあげたらできました。
でも、Lhankor_Mhyさんのお力添えなくしてはできなかったと思います。
ありがとうございました

     $(function(){
        //mBaaSの初期化
            var application_key = "";
            var client_key = "";
            var ncmb = new NCMB(application_key, client_key);
            
            var UN = ncmb.DataStore("UN");
            
            //showUNの設定
            $(function showUN(){
                //nameから降順
                UN.order("name", false)
                    .fetchAll()
                    .then(function(ary){
                        $("#chbox").empty();
                        $.each(ary, function(i, UN){
                            $('<input name="hoge" type="checkbox" value="' + UN.get("name") + '" /><label>')
                            .text(UN.get("name"))
                            .appendTo("#chbox");
                        });
                    })
                    .catch(function(){
                        alert("error");  
                    });                
            });
            
            $(".btn>#btn1").on("click", function(){
                //チェックボックスのデータ取得
                var hoge = [];
                        
                $('[name="hoge"]:checked').each(function(){
                    hoge.push($(this).val());   
                });
                var a = hoge       
                alert( a + "がチェックされました。"); 
                
            });
        });
          

Answer 2

配列の末尾に1つ以上の要素を追加することができます。また戻り値として新しい配列の要素数を返します。

Array.prototype.push() - JavaScript | MDN

とのことですから、配列に.then()というメソッドがないためエラーになっているのでは。

Comments

[退会済みユーザー]

$('[name="hoge"]:checked').each(function()のなかには.thenをかけないということですね。
んー、取得した値をアラートで表示したいんですが、どうすればいいでしょうか？