Jquery проверяется значение от имени переменной или $ (это)

Question

, если у меня есть некоторые кнопки радио:

<input type="radio" name="test" value="apple"> Apple<br/> 
<input type="radio" name="test" value="banana" CHECKED> Banana<br/> 
<input type="radio" name="test" value="carrot"> Carrot<br/> 

и я затем определить группу радио в JQuery с

var test = $('input:radio[name="test"]') 

, как я могу получить значение проверяемого элемента на основе переменного теста без переписывания

var test_val = $('input:radio[name="test"]:checked').val(); 

я пытался как

$(test):checked.val(); 
test:checked.val(); 

и как часть функции изменения Я также попытался

$(test).change(function() { 
    if ($(this):checked.val() == 'no'){ 
    $('#featured').stop().fadeOut(); 
    } else if ($(this):checked.val() == 'yes'){ 
    $('#featured').stop().fadeIn(); 
    } 
}); 

просто интересно, если это возможно, или если я должен заново выписать полный входной селектор, чтобы получить значение.

спасибо!

ps- если IE8 не поддерживает: checked selector, что я могу использовать вместо этого? и может ли IE умереть уже?

Answer 1

Вы можете использовать .filter()^help:

test.filter('input:checked') 

.filter() делает также поддерживает функцию обратного вызова:

test.filter(function() { 
    return this.name === 'test' && this.checked 
}); 

Я не знал, что селектор :checked не работает с IE8. Если это так, то последний пример должен работать (напрямую обращаться к узлу expando)

Answer 2

Вы пытаетесь смешать «синтаксис CSS» с синтаксисом JavaScript. Это не сработает.

Вы можете использовать filter() метод JQuery, чтобы ограничить элементы, выбранные с предыдущим JQuery запроса:

var test = $('input:radio[name="test"]') 

var test_val = test.filter(":checked").val(); 

Answer 3

попробовать это ...

$(test).change(function() { 
if ($(this).is(':checked').val() == 'no'){ 
    $('#featured').stop().fadeOut(); 
} else if ($(this).is(':checked').val() == 'yes'){ 
    $('#featured').stop().fadeIn(); 
} 
}); 

Answer 4

Startibg из var test, вы можете использовать .filter(), как показано в этом документе jsFiddle

var test = $('input:radio[name="test"]'); 
alert(test.filter(':checked').val());