我有一個簡單的html代碼如下
<input type="text" id="key" name="key">
<input type="text" id="value" name="value">
<button id="check">Check</button>我也有相關的jQuery代碼
var keyArray = [];
var valueArray = [];
$("#check").click(function() {
var keyVal = $("#key").val();
var valueVal = $("#value").val();
keyArray.push(keyVal);
valueArray.push(valueVal);
console.log(keyArray);
console.log(valueArray);
for ($i = 0; $i < keyVal.length; $i ) {
//Need to add some code here to check
}
});我想要的是，每當有人單擊Check按鈕時，它都必須檢查之前是否在keyArray和的相應索引中添加了類似的專案valueArray。例如：首先我將 1 添加到 中id key，將 2添加到id value. 如果我第二次將 1 和 2 添加到keyandvalue欄位中，它應該會提示我such a pair already added。
我怎樣才能用JavaScript或實作這一點jQuery？
uj5u.com熱心網友回復：
var keyArray = [];
var valueArray = [];
$("#check").click(function() {
var keyVal = $("#key").val();
var valueVal = $("#value").val();
var exist=false;
if(keyArray.length>0){
for (i = 0; i < keyArray.length; i ) {
if(keyArray[i]==keyVal && valueArray[i]==valueVal)
{
console.log("pair exist");
exist=true;
break;
}
}
}
if(!exist)
{
keyArray.push(keyVal);
valueArray.push(valueVal);
}
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="key" name="key">
<input type="text" id="value" name="value">
<button id="check">Check</button>uj5u.com熱心網友回復：
如果需要，您可以引入第三個陣列并在其中存盤資料，并將其與您的值進行比較。
var keyArray = [];
var valueArray = [];
var newArray = [];
$("#check").click(function() {
var keyVal = $("#key").val();
var valueVal = $("#value").val();
var isExist = false;
for (i = 0; i < newArray.length; i ) {
if(newArray[i].key == keyVal && newArray[i].value == valueVal ){
isExist = true;
break;
}
else{
isExist = false;
}
}
if (isExist){
alert("such a pair already added");
}
else{
keyArray.push(keyVal);
valueArray.push(valueVal);
newArray.push({ key : keyVal, value : valueVal });
}
console.log(keyVal);
console.log(valueVal);
console.log(newArray);
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="key" name="key">
<input type="text" id="value" name="value">
<button id="check">Check</button>轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/361823.html
標籤：javascript 查询
上一篇：點擊后保持焦點