gpt4 book ai didi

javascript - 如何在html中自动排序复选框列表

转载 作者:行者123 更新时间:2023-11-28 02:38:25 26 4
gpt4 key购买 nike

<分区>

在我的 HTML 表单中,默认复选框和其他动态添加,但是当在列表中的复选框顺序打乱后选中复选框时。如何在加载页面时按发送顺序排序。

HTML 代码在这里:

<div class="checkbox-list" style="width: auto; height: 100px; overflow-y: scroll;">
<label><div class="checker" id="uniform-ch2"><span><input type="checkbox" id="ch2" name="data[chk_name][]" value="Further Review"></span></div>Further Review</label>
<label><div class="checker" id="uniform-ch3"><span><input type="checkbox" id="ch3" name="data[chk_name][]" value="Hot Doc"></span></div>Hot Doc</label>
<label><div class="checker" id="uniform-ch4"><span><input type="checkbox" id="ch4" name="data[chk_name][]" value="Potential Exhiit"></span></div>Potential Exhibit</label>
<label><div class="checker" id="uniform-ch1"><span class="checked"><input type="checkbox" id="ch1" name="data[chk_name][]" checked="" value="Relevant"></span></div>Relevant</label>
<label><div class="checker" id="uniform-ch5"><span class="checked"><input type="checkbox" id="ch5" name="data[chk_name][]" checked="" value="test"></span></div>test</label>
</div>

JavaScript 代码文件:

 $(".checkbox-list lable").sort(function(a, b) {
return parseInt(a.id) - parseInt(b.id);
}).each(function() {
var elem = $(this);
elem.remove();
$(elem).appendTo(".checkbox-list");
});

按 id="uniform-ch2"升序排序。

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com