Невозможно вернуть значение из функции

Question

Я хочу вернуть значение из функции, которая содержит анонимную функцию.

function getSingleCheckedItemId() { 
    return $(".data-table-chk-item").each(function() { 
     if ($(this).is(":checked")) { 
      var value = $(this).attr("value"); 
      return value; 
     } 
    }); 
    } 

В этом случае он возвращает мне массив всех флажков. Если я удалю первый return, он не вернет значение, но undefined.

Итак, как мне вернуть значение от getSingleCheckedItemId()?

Answer 1

.each всегда возвращает объект JQuery, содержащий все элементы, которые вы итерированные над так:

function getSingleCheckedItemId() { 
    var ret; 
    $(".data-table-chk-item").each(function() { 
     if ($(this).is(":checked")) { 
      ret = $(this).attr("value"); 
      return false; //breaks out of .each 
     } 
    }); 
    return ret; 
} 

Кроме того, this.value, как правило, это лучший вариант, чем $(this).attr('value') в случае, если вы имеете дело с формы входа - кажется, что у вас есть radio/checkbox Вводы, связанные с их checked. Кроме того, this.checked возвращает логическое значение, поэтому нет необходимости в $(this).is(':checked').

---

Я считаю, что ваша логика может быть упрощена:

function getSingleCheckedItemId() { 
    return $(".data-table-chk-item:checked").val(); 
} 

Таким образом .val() возвратит значение первого :checked элемента или undefined, если ни один из элементов не соответствует селектором, который делает то же самое как цикл выше.

Answer 2

Вы можете сделать это:

function getSingelCheckedItemId() { 
    var elements = $(".data-table-chk-item:checked"); 
    return (elements.length > 0) ? $(elements[0]).val() : undefined; 
} 

Answer 3

Я хотел бы сделать это как этот

function getSingleCheckedItemId() { 
    var ret; 
    $(".data-table-chk-item").each(function() { 
     if ($(this).is(":checked")) { 
      ret = $(this).attr("value"); 
     } 
    }); 
    return ret; 
}