Почему не работает switch?

Question

[Максим К]

Есть такой код:

$(function () {
	var form = $('form#mainForm');
	try {
		if (form[0]) {


			form.find('#elem1').on('change', function (event) {
				var r = document.querySelector("#elem1").value;
				switch (r) {
					case 0: form.find('#elem3').hide(); break;
					case 1: form.find('#elem4').hide(); break;
				}
			});
		}
	}
	catch (error) {
		alert("Ошибка!")
		console.log(error);
	}


});

В switch не подставляется значение из переменной r, а точнее не срабатывает код, но если вручную написать число 0 или 1, то case выбирается правильный (в зависимости от 0 или 1). Что не так делаю?

Comments

[Lynn «Кофеман»]

У вас r это строка, а switch делает строгое сравнение

[Максим К]

Lynn «Кофеман», СПАСИБО большое, вот никогда бы не подумал. Не знаю на сколько праивльно исправил, но работает такой подход:

form.find('#elem1').on('change', function (event) {
				var rr = document.querySelector("#elem1").value;
				let num = Number(rr);
				switch (num) {
					case 0: form.find('#elem3').hide(); break;
					case 1: form.find('#elem4').hide(); break;
				}
			});

[Lynn «Кофеман»]

Ну хоть так. Хотя я бы просто в case строки написал

[Максим К]

Lynn «Кофеман», не не вариант, т.к. там по value выбираются значение, а отображается строка )))

[Lynn «Кофеман»]

case '0': …
Нормально работает

[Максим К]

Lynn «Кофеман», )))

[ProjectSoft]

Т. е. строку в число преобразовать никак?
И второе.
Зачем поиск внутри функции?

var r = document.querySelector("#elem1").value;

Зачем это, если функция вызвана на данном элементе?