Булевы операции влияют на переменные в JS?

Question

Я проверяю проверенное состояние переключателей на странице, чтобы продолжить, когда все они нажимается:

<form> 
    <input type="radio" name="tier0" /> 
    <input type="radio" name="tier1" /> 
    <input type="radio" name="tier2" /> 
    <input id="reset" type="button" value="Reset" /> 
</form> 

Оценка $ результат ниже как-то получается $ TIER2 неопределенных каждую кнопку времени Уровень1 нажата и $ уровня это правда, поэтому результат $ никогда не является истинным, и я не могу продолжить. Проверьте это: http://jsfiddle.net/29ppxpgm/

var $tier0; 
var $tier1; 
var $tier2; 
var $result; 

function display() { 
    $tier0 = $('[name=tier0]').prop('checked'); 
    $tier1 = $('[name=tier1]').prop('checked'); 
    $tier2 = $('[name=tier2]').prop('checked'); 

    // this boolean operation seems to affect the form elements 
    $result = $tier0 && $tier1 && tier2; 

    $('#result').html($tier0.toString() + ' & ' + $tier1.toString() + ' & ' + $tier2.toString() + ' => ' + $result.toString()); 
} 

display(); 

$('input[type=radio]').click(function() { 
    display(); 
}); 

$('#reset').click(function() { 
    $('[type=radio]:checked').prop('checked', false); 
    display(); 
}); 

Почему?

Answer 1

Это не проблема. Проблема здесь

$result = $tier0 && $tier1 && tier2; 

Вот вы говорите && tier2, которые должны быть && $tier2.

В вашей демонстрации у вас есть $tier1, $tier2, $tier3 проблема была с tier3.

FIXED DEMO

Answer 2

Мне кажется, у вас есть virable опечатка, вы определили $tier2, и вы refrence как tier2.

function display() { 
    $tier0 = $('[name=tier0]').prop('checked'); 
    $tier1 = $('[name=tier1]').prop('checked'); 
    $tier2 = $('[name=tier2]').prop('checked'); 
    $result = $tier0 && $tier1 && *tier2*; // it should be $tier2 
    $('#result').html($tier0.toString() + ' & ' + $tier1.toString() + ' & ' + $tier2.toString() + ' => ' + $result.toString()); 
} 

см. Demo.

Answer 3

Кажется есть ошибка здесь:

$result = $tier0 && $tier1 && tier2; 

это должно быть как

$result = $tier0 && $tier1 && $tier2; 
           ^---------This is added