javascript - チェックされたチェックボックスを配列にプッシュし、配列から値を取得してクエリ文字列を作成します

Question

ユーザーが一度に1つ以上チェックできるチェックボックスがたくさんあります。オンになっているすべてのチェック ボックスを配列に取得し、配列から各値を取得して、各値をクエリ文字列変数にプッシュする必要があります。

<div class="Cat" style="width: 155px; float: left; margin-left:15px;">
    <p>Location</p>
    <div><input class="LocChk" type="checkbox" value="United States"/>&nbsp;United States<br/></div>
    <div><input class="LocChk" type="checkbox" value="Australia"/>&nbsp;Australia<br/></div>
    <div><input class="LocChk" type="checkbox" value="Canada"/>&nbsp;Canada<br/></div>
    <div><input class="LocChk" type="checkbox" value="China"/>&nbsp; China<br/></div>
</div>

したがって、次のクエリ変数で選択した値をハードコーディングする代わりに、配列からチェックされた値を渡したいと思います。ユーザーがカナダと中国をチェックしたとします。これら 2 つの値を配列に格納し、次のクエリ変数で順番にアクセスする必要があります。誰かがjQueryでこれを行う効率的な方法を教えてもらえますか?

var queryText = "<View>"+
                    "<Query>"+
                        "<Where>"+
                            "<In>"+
                                "<FieldRef Name='HSCountry' />"+
                                    "<Values>"+
                                        "<Value Type='Choice'>Canada</Value>"+
                                        "<Value Type='Choice'>China</Value>"+
                                    "</Values>"+                                                
                                "</In>"+
                        "</Where>"+
                    "</Query>"+
                    "<ViewFields><FieldRef Name='Title' /></ViewFields>"+
                "</View>";