javascript - 如何删除文本框中的重复值

Question

<script>
    $("#filter").on("shown.bs.popover",function(){
        $(".popover-content input[type=checkbox]").on("click",function(){
            if(this.checked)
			{
                this.setAttribute("checked","checked");
            }
			else
			{
                this.removeAttribute("checked");
            }
            $("#customdiv").html($(".popover-content").html());
        });
    }); 
	
	function fieldsFilter(flag,value,chkClass)
	{	
		var checkedfields = new Array();
		
		$('.'+chkClass).each(function() 
		{    
			if($(this).is(':checked'))
			{
				checkedfields.push($(this).val());	
				document.getElementById('scatFilters').value;
				document.getElementById('ssrcFilters').value;
			}
			else
			{	
				document.getElementById('scatfFilters').value='';
				document.getElementById('ssrcfFilters').value = '';
			}
		});	
		$('#'+flag+'Filters').val(checkedfields);
	}
</script>

<div id="content" class="content">
	<div class="container">
		<div class="email-btn-row hidden-xs inbox-actions" id="inbox-actions">
			<a href="javascript:;" class="btn btn-sm btn-success" id='filter'><i class="fa fa-filter"></i></a>
			<div class='hide' id='customdiv'>
				<div class="panel-group">
					<button href="#" class="btn btn-link btn-sm" onclick="clearFilter()">Clear Filter</button>
					<div class="panel panel-default">
						<div class="panel-heading" role="tab" id="headingOne">
							<h4 class="panel-title">
								<a data-toggle="collapse" data-parent="#accordion" href="#collapse1" aria-expanded="true" aria-controls="collapse1">
									<i class="more-less glyphicon glyphicon-plus"></i>
									Representatives
								</a>
							</h4>
						</div>
						<div id="collapse1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
							<div class="panel-body">
								<?php 
									foreach($rep_options as $rep_id => $rep_name){?>
									<input type="checkbox" class="RepClicked" name="rep_<?=$rep_id?>" id="rep_<?=$rep_id?>" onchange="fieldsFilter('rps',this.value,'RepClicked');" value="<?=$rep_id?>" <? if(in_array($rep_id,$rep_name)) { echo "checked"; } ?>/>
									<span style="font-size:12px;"><?=$rep_name?></span>
									<br/>
								<?php }?>
							</div>
						</div>
					</div>
					<div class="panel panel-default">
						<div class="panel-heading" role="tab" id="headingTwo">
							<h4 class="panel-title">
								<a data-toggle="collapse" data-parent="#accordion" href="#collapse2" aria-expanded="true" aria-controls="collapse2">
									<i class="more-less glyphicon glyphicon-plus"></i>
									Status
								</a>
							</h4>
						</div>
						<div id="collapse2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
							<div class="panel-body">
								<?php 
									foreach($status_options as $status_id => $status){?>
									<input type="checkbox" class="StatusClicked" name="status_<?=$status_id?>" id="status_<?=$status_id?>" onchange="fieldsFilter('sts',this.value,'StatusClicked');" value="<?=$status_id?>" <? if(in_array($status_id,$status)) { echo "checked"; } ?>/>
									<span style="font-size:12px;"><?=$status?></span>
									<br/>
								<?php }?>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="email-btn-row hidden-xs inbox-actions" id="inbox-actions" style="float:right">
			<form id="allFilters" name="" class="" method="post" action="<?php echo base_url();?>missed_call_campaign/export">
				<div class="row">
					<div class="col-md-6">
					</div>
					<div class="col-md-6">
						<input type="text" name="rpsFilters" class='hiddenFld' id="rpsFilters" value="<?=implode(',',$rep_id);?>" placeholder="rps"/>
						<input type="text" name="stsFilters" class='hiddenFld' id="stsFilters" value="<?=implode(',',$status_id);?>" placeholder="sts"/>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>

如果我选中弹出框中的复选框，则文本框将两次保存值，实际上我想要的是文本框应该单次取值。上面的 jquery 脚本用于在我关闭弹出框时保留选中的复选框值。由于第一个 jquery 脚本，文本框中的值被取了两倍。对不起我的英语不好。谁能帮我摆脱这个在此处输入图像描述

标签： javascriptjqueryajaxcodeigniter

Answer 1

将您的 checkedfields.push($(this).val()) 行包装在类似的条件中

if(checkedfields.indexOf($(this).val())==-1){
                    checkedfields.push($(this).val());                  
                }