0

以下のように、チェックボックスを使用していくつかのことをチェックし、ポップアップが閉じたときにそれらを取得したいと思います。

ここに画像の説明を入力してください

どうすればそれができますか？

divが1つあり、divにアイテムが含まれているとしましょう。アイテムをクリックすると、チェックボックスが表示され、ポップアップを閉じるときに、選択したものを取得する必要があります。

<div id="div1" style="display:block;background-color:green">>
            <ul>
                <li>Item1</li>
                <li>Item1</li>
                <li>Item1</li>
                <li>Item1</li>
                <li>Item1</li>
                <li>Item1</li>
                <li>Item1</li>
                <li>Item1</li>
            </ul>
        </div>
4

1 に答える 1

0

li要素のクリックを処理することでこれを実現できます（チェックされたアイコンの背景でクラスを切り替えます）

var selectedItems = "";
$("ul").on("click", "li", function() {
    var $this = $(this);
    $this.toggleClass("selected");
    selectedItems = $this.parent().find("li.selected").map(function() {
        return this.innerText || this.textContent;
    }).get().join(',');    
});

この css クラスを作成します (同様):

li {
  padding-left: 25px;
  cursor: pointer;
}

li.selected {
  background-image: url(http://www.pbsys.com.br/icon_checked.gif);
  background-repeat: no-repeat;
  background-position: 2px 3px;
}

現在選択されている項目を取得するには、その selectedItems 変数を読み取るだけです

于 2013-02-22T10:27:03.850 に答える