Скрыть элемент если значение переменно больше/меньше либо равно

@myaurizio · Регистрация: 08.07.2019

Студворк — интернет-сервис помощи студентам

Здравствуйте, Уважаемые форумчане. Подскажите, как правильно реализовать код. Требуется скрыть элемент (пусть даже display:none

, если значение переменной больше/меньше либо равно определенному значению.
В моём случае, если $total_price - сумма корзины до 199, тогда скрывается определенный блок оплаты (прим. с классом pay1). Надеюсь правильно сформулировал мысль, заранее спасибо.

@shsv382 · 06.05.2020, 13:08

JavaScript
1
element.style.display = (total_price > 199) ? "none" : "block"

@myaurizio · 06.05.2020, 14:30 **[ТС]**

Реализовал с помощью такой конструкции

JavaScript
1
2
3
4
5
var lab = document.getElementById('pay1')
var el = document.getElementById('total_price');
if(el >= "199,99") {
  lab.style.display = 'none';
}

@ReGre55 · 06.05.2020, 15:40

Сообщение от myaurizio

JavaScript
1
if(el >= "199,99")

Такое условие не будет выполняться как задумано, нужно сравнивать не сам объект el, а значение его свойства.
Допустим, объект выглядит как <span id='pay1'>55</span>. Тогда можно получить от него только текст, который конвертировать в число плюсом (ведь строка "55" > строки "199")

JavaScript
1
if (+el.innerText >= 199.99)

@myaurizio · 06.05.2020, 15:48 **[ТС]**

Вы правы, работает некорректно, поле pay1 выглядит след. образом - 293,04 РУБ.
Подскажите как правильно составить конструкцию if else.
Если менее 300 - display:none;
Если меньше либо равно 499,99 - display:block
Спасибо за ответ.

@ReGre55 · 06.05.2020, 16:11

Добавлено через 20 минут

Сообщение от myaurizio

поле pay1 выглядит след. образом - 293,04 РУБ

В JS у чисел точка как разделитель, поэтому обрабатываем строку replace-ом заменяя запятую на точку.

JavaScript
1
2
3
4
5
6
7
var lab = document.getElementById('pay1');
var el = parseFloat(document.getElementById('total_price').innerText.replace(',', '.'));
if (el < 300) {
  lab.style.display = 'none';
} else if (el <= 499.99) {
  lab.style.display = 'block';
}

@myaurizio · 06.05.2020, 16:58 **[ТС]**

Данная конструкция работает как надо, но ещё один вопрос, как можно изменить конструкцию указав диапазон, что-бы элемент отображался если выше 300 и до 499, а после 500 скрыть элемент. Поясню, есть три модуля оплаты и в зависимости от суммы корзины должен отображаться один из. Заранее спасибо!

Добавлено через 10 минут
Немного по логике видоизменил конструкцию и все работает как надо, спасибо!

Новые блоги и статьи Все статьи Все блоги /
Видеокарта простаивает ночами? Вот 4 проекта, которые загрузят её наукой Programma_Boinc 10.04.2026 Видеокарта простаивает ночами? Вот 4 проекта, которые загрузят её наукой Если на Windows стоит дискретная NVIDIA или AMD — можно отдать её вычислительную мощность реальным исследованиям. . . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .

@myaurizio 9 / 7 / 2 Регистрация: 08.07.2019 Сообщений: 112

	Скрыть элемент если значение переменно больше/меньше либо равно 06.05.2020, 12:55. Показов 4001. Ответов 6 Метки нет (Все метки) Здравствуйте, Уважаемые форумчане. Подскажите, как правильно реализовать код. Требуется скрыть элемент (пусть даже display:none, если значение переменной больше/меньше либо равно определенному значению. В моём случае, если $total_price - сумма корзины до 199, тогда скрывается определенный блок оплаты (прим. с классом pay1). Надеюсь правильно сформулировал мысль, заранее спасибо. 0

@myaurizio 9 / 7 / 2 Регистрация: 08.07.2019 Сообщений: 112
	06.05.2020, 15:48 [ТС]
	Вы правы, работает некорректно, поле pay1 выглядит след. образом - 293,04 РУБ. Подскажите как правильно составить конструкцию if else. Если менее 300 - display:none; Если меньше либо равно 499,99 - display:block Спасибо за ответ. 0

@myaurizio 9 / 7 / 2 Регистрация: 08.07.2019 Сообщений: 112
	06.05.2020, 16:58 [ТС]
	Данная конструкция работает как надо, но ещё один вопрос, как можно изменить конструкцию указав диапазон, что-бы элемент отображался если выше 300 и до 499, а после 500 скрыть элемент. Поясню, есть три модуля оплаты и в зависимости от суммы корзины должен отображаться один из. Заранее спасибо! Добавлено через 10 минут Немного по логике видоизменил конструкцию и все работает как надо, спасибо! 0

Скрыть элемент если значение переменно больше/меньше либо равно

Решение