我想使用复选框检查一些东西,并在弹出窗口关闭时获取它们,如下所示:
我该怎么做?
假设我有一个 div 并且 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>
最佳答案
您可以通过处理 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 变量
关于jquery - 如何在 html 中使用 fly on checkbox 添加多个东西?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15021497/