在图像按下的jquery中添加和删除字符串

问题描述 投票:0回答:2

我有一种情况,我需要在第一次单击时将项添加到字符串,并在第二次单击同一图像时删除它们。例如我在网站上有3个图像,分别有以下名称猫,狗和兔子和jquery中的一个字符串,如果猫按下选择=猫,如果狗是按下选择=猫,猫,如果再次按下猫,现在是猫选择=狗如果兔子被按下选择=狗,兔子等我该怎么办呢?

谢谢您的帮助

jquery html
2个回答
0
投票

让我举个例子

猫,狗,兔子有自己的身份证。单击特定项目将该ID添加到数组。

var itemArr=[];
function AddMe(id){


//on item click  check :
var index= itemArr.indexOf(id);
//array contains id
if(index<=-1){
//on item click 
itemArr.push(id);
}else{
itemArr.splice(index,1);

}

$("#result").html(itemArr.join(","));
}
.red{
color:red;
font-weight:bold;
}

.brown{
color:brown;
font-weight:bold;
}
.black{
color:black;
font-weight:bold;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label id="cat" class="red" onclick="AddMe(id)">Cat </label>
<label id="dog" class="brown" onclick="AddMe(id)">Dog </label>
<label id="rabbit" class="black" onclick="AddMe(id)">Rabbit </label>
<br/>
<label>Array Item :</label>
<label id="result"></label>

您可以为其他项目执行相同的操作。


0
投票

每个选项都有一个Fieldset和Legend,以及一个用于更改的事件监听器。触发后,它可以遍历选项并使用所选选项填充字符串数组。然后简单地遍历数组附加或前缀变量,其中的内容由逗号分隔。

如果您尝试解决方案,我会解决您遇到的任何问题,如果您尝试编辑此答案。

© www.soinside.com 2019 - 2024. All rights reserved.