jquery.tagsinput.js 实现记录checkbox勾选的顺序

最新推荐文章于 2022-12-21 09:14:22 发布

柒小柒七

最新推荐文章于 2022-12-21 09:14:22 发布

阅读量3.2k

点赞数

分类专栏： JavaScript 文章标签：记录checkbox勾选的顺序

本文链接：https://blog.csdn.net/u013361445/article/details/50505932

版权

业务需求：可以根据checkbox的先后勾选传递有顺序的值让后台接收，决定用tagsinput显示checkbox的先后勾选顺序，并实时响应checkbox的勾选状态

思路：checkbox的值存在一个数组A，新创建一个数组B，如果选中一个，B push一个值，取消一个，remove一个值，因为数组是有序的，就做到响应checkbox的勾选顺序

效果：

代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Tagsinput Checkbox</title>

<link rel="stylesheet" type="text/css" href="jquery.tagsinput.css">
</head>


<body>
	checkbox:	<input type="checkbox" value="0" name="fruit" οnclick="radioHandle