Как предотвратить дублирование записей в javascript?

Question

У меня есть проблема с предотвращением ввода дубликатов, я генерирую радио кнопки динамически на 2 страницах одновременно, используя только одну кнопку, я беру ярлык от пользователя и генерирую радиокнопку с этой метки, я хочу чтобы запретить пользователю ввода 2 одинаковых этикеток, вот скрипт, который генерирует радио для 2-х страниц любая помощь будет оценили

function createRadioElement(elem, label, checked) { 
var id = 'option1_' + label; 
$('#after').append($('<input />', { 
    'type': 'radio', 
    'fieldset':'group', 
    'name': 'option1', 
    'id': id, 
    'data-role': 'controlgroup', 
    'data-theme':'b', 
    'value': '1'})); 
$('#after').append('<label for="' + id + '">'+ label + '</label>').trigger('create');} 

function createRadioFortSecondPage(elem, label, checked) { 
var id = 'option1_' + label; 
$('#Inserthere').append($('<input />', { 
    'type': 'radio', 
    'fieldset':'group', 
    'name': 'option1', 
    'id': id, 
    'data-role': 'controlgroup', 
    'data-theme':'b', 
    'value': '1'})); 
$('#Inserthere').append('<label for="' + id + '">'+ label + '</label>').trigger('create');} 

, что это функция, которую я написал для предотвращения дубликатов:

function checkDublicates(){ 
    var isExist=true; 
    var x = document.getElementById('option').value; 
    var labels = []; 
$('#after input[type=radio]').each(function() { 
    labels.push($('label[for='+$(this).attr('id')+']').text()); 


    }); 
    for(var i=0;i<labels.length;i++){ 

    if(x==labels[i]) 
    { 
     isExist=false;} 
     else{ 
     isExist=true;} 
     } 
    return isExist;} 

и это действие кнопки:

$('#AddButton').click(function(){ 
    var exist=checkDublicates(); 
    <!--var isEmpty=validate();--> 
    <!--if(exist==true){ 
     <!--alert("Duplicates Are Not Allowed!"); 
     <!--}else{ 
    var y=document.getElementById('question').value 
    document.getElementById('headTitle').innerHTML=y; 
    if(exist==false){ 
     alert("Duplicates Not Allowed!") 
    }else{ 
    createRadioElement(this,$('#option').val(),true); 
    createRadioFortSecondPage(this,$('#option').val(),true); 
    } 

    }); 

Answer 1

Просто используйте $.inArray(val, arr) он будет работать! http://api.jquery.com/jQuery.inArray/

Но только комментарий относительно вашего кода.

Заменить

document.getElementById('question').value 

от

$('#question').val() 

и

document.getElementById('headTitle').innerHTML=y 

от

$('#headTitle').html(y) 

Будет намного чище ;-)

Answer 2

Вы можете использовать эту удобную функцию, чтобы вставлять элементы в массив и проверять наличие дубликатов одновременно. Он вернет true, если он поймает дубликат.

var noDupPush = function (value, arr) { 

    var isDup = false; 

    if (!~$.inArray(value, arr)) { 
     arr.push(value); 
    } else { 
     isDup = true; 
    } 

    return isDup; 

}; 

// You can use it like this 

var arr = ['green']; 
if (noDupPush('green', arr)){ 
    // Dup exists 
} 
// Or else it will just push new value to array 

Answer 3

Вы можете сгенерировать идентификатор, содержащий текст метки, а затем очень быстро проверить наличие элемента, содержащего этот текст. Например:

function generateLabelId(userinput){ 
    return 'awesomelabel_' + userinput.replace(/\W/g,''); 
} 

var label = document.getElementById(generateLabelId(userinput)); 
var labelDoesNotExist = (label == undefined); 

if (labelDoesNotExist){ 
    // create your element here 
    // making sure that you add the id from generateLabelId 
}