一覧画面のヘッダーにチェックボックスを用いてクエリにしたい

いつもお世話になっております。

一覧画面のヘッダーにチェックボックスを設置して絞り込み検索機能を

実装したいです。

カスタマイズビューでGoogleMapAPI上にレコード情報を取得して

ピンを立てています。それを上記内容で動的もしくは絞り込みボタンを設置して絞り込みを実現したいです。

var querycheckbox = kintone.app.getHeaderMenuSpaceElement();

      var $checkbox = $(‘<button class=“kintoneplugin-button-normal”>test</button>’);

      $(querycheckbox).append($checkbox);

 

このようにボタンの表記では   var $checkbox = $(‘<button class=“kintoneplugin-button-normal”>test</button>’);

ですが

チェックボックスの場合はどのような記載になるのでしょうか。

よろしくおねがいします。

 

| <div class=“kintoneplugin-input-checkbox”> |
|   | <span class=“kintoneplugin-input-checkbox-item”> |
|   | <input type=“checkbox” name=“checkbox” value=“0” id=“checkbox-0” checked=“”> |
|   | <label for=“checkbox-0”>チェックボックスA</label> |
|   | </span> |
|   | </div> |
|   | <div class=“kintoneplugin-input-checkbox”> |
|   | <span class=“kintoneplugin-input-checkbox-item”> |
|   | <input type=“checkbox” name=“checkbox” value=“1” id=“checkbox-1”> |
|   | <label for=“checkbox-1”>チェックボックスB</label> |
|   | </span> |
|   | </div> |
|   | <div class=“kintoneplugin-input-checkbox”> |
|   | <span class=“kintoneplugin-input-checkbox-item”> |
|   | <input type=“checkbox” name=“checkbox” value=“2” id=“checkbox-2” checked=“” disabled=“”> |
|   | <label for=“checkbox-2”>チェックボックスC</label> |
|   | </span> |
|   | </div> |
|   | <div class=“kintoneplugin-input-checkbox”> |
|   | <span class=“kintoneplugin-input-checkbox-item”> |
|   | <input type=“checkbox” name=“checkbox” value=“3” id=“checkbox-3” disabled=“”> |
|   | <label for=“checkbox-3”>チェックボックスD</label> |
|   | </span> |
|   |

</div>

これを使いたいです!

|