gpt4 book ai didi

javascript - 如何记录多个复选框的选择顺序?

转载 作者:行者123 更新时间:2023-11-28 13:47:34 25 4
gpt4 key购买 nike

看看这个 HTML 示例:

<html>
<head>
<title>My Page</title>
</head>
<body>
<form name="myform" action="http://www.mydomain.com/myformhandler.jsp" method="POST">
<div align="center"><br>
<input type="checkbox" name="option1" value="Milk"> Milk<br>
<input type="checkbox" name="option2" value="Butter" checked> Butter<br>
<input type="checkbox" name="option3" value="Cheese"> Cheese<br>
<br>
</div>
</form>
</body>
</html>

以及由此产生的输出:

enter image description here

我希望将选中复选框发送到servlet,但我也想获取订单用户选择了这些复选框。

例如,用户 A 执行以下操作:选择奶酪、选择黄油、选择牛奶->然后奶酪、黄油、牛奶按照此顺序发送到 servlet

如果用户 B 执行以下操作:选择奶酪,选择黄油,取消选择黄油,选择牛奶,选择黄油->然后奶酪,牛奶,黄油按照此订单发送到 servlet。

欣赏。

最佳答案

检查 fiddle 的复选框顺序 here

我使用了以下JS代码

checkedOrder = []
inputList = document.getElementsByTagName('input')
for(var i=0;i<inputList.length;i++) {
if(inputList[i].type === 'checkbox') {
inputList[i].onclick = function() {
if (this.checked) {
checkedOrder.push(this.value)
} else {
checkedOrder.splice(checkedOrder.indexOf(this.value),1)
}
console.log(checkedOrder)
}
}
}

关于javascript - 如何记录多个复选框的选择顺序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13116521/

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