Javascript:如何检查每个输入值是否复制到另一个输入值
所以我有一个动态的输入字段,来自不同的类名和名称的append,我想检查每个输入字段的值是否已经存在或重复 这看起来像 第一个条件_名称为默认值,其他条件为附加名称Javascript:如何检查每个输入值是否复制到另一个输入值,javascript,jquery,html,arrays,Javascript,Jquery,Html,Arrays,所以我有一个动态的输入字段,来自不同的类名和名称的append,我想检查每个输入字段的值是否已经存在或重复 这看起来像 第一个条件_名称为默认值,其他条件为附加名称 <input type="text" name="criteria_name" class="criteria_name"> <input type="text" name="criteria_name2" class="criteria_name2"> <input type="text" name=
<input type="text" name="criteria_name" class="criteria_name">
<input type="text" name="criteria_name2" class="criteria_name2">
<input type="text" name="criteria_name3" class="criteria_name3">
<input type="text" name="criteria_name4" class="criteria_name4">
<input type="text" name="criteria_name5" class="criteria_name5">
我试图检查每一个,如果没有重复的,否则继续
var critname_arr = [];
var input_check;
var crit_name_of_first = $('input.criteriaNames').val();
var acappended = append_crit_header+1;
var count_to = 0;
for(var ab = 2; ab<=acappended; ab++){
var crit_arr;
if(crit_name_of_first == $('input.criteria_each_name'+ab+'').val()){
alert("Criteria cannot be duplicate");
return false;
}else{
input_check = $('input.criteria_each_name'+ab);
input_check.each(function(){
crit_arr = $.trim($(this).val());
});
critname_arr.push(crit_arr);
}
if($('input.criteria_each_name'+ab+'').val() == critname_arr[count_to]){
alert('criteria cannot be duplicate');
return false;
}
count_to++;
}
console.log(critname_arr);
var critname_arr=[];
var输入检查;
var crit_name_of_first=$('input.criteriaNames').val();
var acappended=附加标准标题+1;
var count_to=0;
对于(var ab=2;ab,这里只是一个示例,说明如何执行此操作。在FIDLE中,将其中一个值更改为另一个字段中已存在的值(生成重复值),以查看它是否执行了操作。如果没有重复项,它将不会执行任何操作。单击“按钮”文本以运行重复检查:
jsFiddle:
$(文档).ready(函数(){
$('.ter')。单击(函数(e){
存储的var=[];
变量输入=$('.criteria_name');
$。每个(输入、功能(k、v){
var getVal=$(v).val();
if(存储的索引of(getVal)!=-1)
$(v).淡出();
其他的
存储的.push($(v).val());
});
});
});
按钮
您可能会选择使用类作为选择器,而不是id值。然后您可以按类选择并使用$。每个
迭代我忘记了它的类,但仍然相同,如果重复,则不会相互比较,则此'输入#条件(u名称)
将不能用作选择器。您还需要使用相同的类名。条件\u name
,不带编号。哦,等等,我会试试,有趣的,我会试试
<script>
$(document).ready(function(){
$('.ter').click(function(e) {
var stored = [];
var inputs = $('.criteria_name');
$.each(inputs,function(k,v){
var getVal = $(v).val();
if(stored.indexOf(getVal) != -1)
$(v).fadeOut();
else
stored.push($(v).val());
});
});
});
</script>
<!-- Just use an array name for the input name and same class name as well -->
<div class="ter">Button</div>
<input type="text" name="criteria_name[]" class="criteria_name" value="1" />
<input type="text" name="criteria_name[]" class="criteria_name" value="2" />
<input type="text" name="criteria_name[]" class="criteria_name" value="3" />
<input type="text" name="criteria_name[]" class="criteria_name" value="4" />
<input type="text" name="criteria_name[]" class="criteria_name" value="5" />