<分区>
我在表格格式中尝试过它的工作,但在 <div>
中它不工作。是否有可能使用 <div>
将选中的复选框数据附加到列表顶部?标签。
<分区>
我在表格格式中尝试过它的工作,但在 <div>
中它不工作。是否有可能使用 <div>
将选中的复选框数据附加到列表顶部?标签。
最佳答案
试试这段代码。它可能对您有所帮助。
HTML 代码
<ol type="1" id="List">
<div class="ollist">
<div class="group-title"><span>group one title</span></div>
<div class="items">
<li class="item">
<input type="checkbox" id="Check-1" value="1" class="checkbox-custom" name="item_name[]" />
<label for="Check-1" class="checkbox-custom-label">List 1</label>
</li>
</div>
<div class="items">
<li class="item">
<input type="checkbox" id="Check-2" value="2" class="checkbox-custom" name="item_name[]" />
<label for="Check-2" class="checkbox-custom-label">List 2</label>
</li>
</div>
<div class="items">
<li class="item">
<input type="checkbox" id="Check-3" value="3" class="checkbox-custom" name="item_name[]" />
<label for="Check-3" class="checkbox-custom-label">List 3</label>
</li>
</div>
<div class="items">
<li class="item">
<input type="checkbox" id="Check-4" value="4" class="checkbox-custom" name="item_name[]" />
<label for="Check-4" class="checkbox-custom-label">List 4</label>
</li>
</div>
<div class="items">
<li class="item">
<input type="checkbox" id="Check-5" value="5" class="checkbox-custom" name="item_name[]" />
<label for="Check-5" class="checkbox-custom-label">List 5</label>
</li>
</div>
</div>
</ol>
Jquery代码
jQuery(function($) {
$('.ollistollist .group-title').each(function() {
$(this).nextUntil('.group-title', '.items').data('group', this);
});
$('.ollist .items').has('input:checked').prependTo('.ollistollist');
$('.ollist').on('change', 'input', function() {
var $item = $(this).closest('.items');
if (this.checked) {
$item.insertBefore($('.ollist .group-title').first())
} else {
$item.appendTo($item.data('group'))
}
});
})
关于javascript - 如何将选中的复选框数据附加到html <div> 标签中的列表顶部?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41425438/