Как правильно использовать if else?

Question

[m4f1]

Имеется форма, в которой есть выбор доставки (константы прописаны для тех элементов, где ничего не должно меняться). Код с toggle отображает или убирает второй элемент для отображения в блоке оплаты. В этом же блоке, при выборе элемента доставки должен меняться текст на нужный и, если человек выбирает пункт в блоке доставки из тех, которые не присутствую в константе, текст должен меняться обратно.
Составил скрипт, но он отказывается работать, где ошибка?

const valuesShow = [ 12,30,55,70,75,299,709,759,769,779  ];
  $('#sample_form_deliv').change(function({ target: { value } }) {
    $('#sample_form_pay .input-label:eq(1)').toggle(valuesShow.includes(+value));
  var text = $('#sample_form_pay');
    if $('#sample_form_deliv').change(function({ target: { value } }) {

      var replaced = text.html().replace(/Наличными/gi, 'Наличными курьеру');
      var replaced = text.html().replace(/Пластиковой картой/gi, 'Картой онлайн');
      text.html(replaced);
    } else {
      var replaced = text.html().replace(/Наличными курьеру/gi, 'Наличными');
      var replaced = text.html().replace(/Картой онлайн/gi, 'Пластиковой картой');
      text.html(replaced);
    })
  });

html код формы, в которой надо изменять текст

<div id="sample_form_pay" class="cart_money b-field clearfix" style="display: block;">
  <fieldset class="b-checkbox-group">
    <legend class="p_header bold">Оплата:</legend>
    <label class="input-label left">
      <input class="b-check-box" type="radio" value="5" name="sample_form_pay">
      <span></span>Наличными
    </label>
    <label class="input-label left b-inline-checkbox">
      <input class="b-check-box" type="radio" value="9" name="sample_form_pay">
    <span></span>Перевод на карту
    </label>
    <label class="input-label left b-inline-checkbox">
      <input class="b-check-box" type="radio" value="14" name="sample_form_pay">
      <span></span>Пластиковой картой
    </label>		
  </fieldset>
</div>

Comments

[m4f1]

Рустам Байназаров, можете помочь с данным вопросом?
Полностью функция выглядит так

const valuesShow = [ 12,30,55,70,75,299,709,759,769,779  ];
	$('#sample_form_deliv').change(function({ target: { value } }) {
		$('#sample_form_pay .input-label:eq(1)').toggle(valuesShow.includes(+value));
	var text = $('#sample_form_pay');
		if $('#sample_form_deliv').change(function({ target: { value } }) {

			var replaced = text.html().replace(/Наличными/gi, 'Наличными курьеру');
			var replaced = text.html().replace(/Пластиковой картой/gi, 'Картой онлайн');
			text.html(replaced);
		} else {
			var replaced = text.html().replace(/Наличными курьеру/gi, 'Наличными');
			var replaced = text.html().replace(/Картой онлайн/gi, 'Пластиковой картой');
			text.html(replaced);
		})
	});

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

Изучить основы синтаксиса.

Тут явно не хватает скобок вокруг условия

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

Впрочем что должен делать скрипт тоже непонятно. Попробуйте описать словами

[m4f1]

Алексей Тен, Имеется форма, в которой есть выбор доставки (константы прописаны для тех элементов, где ничего не должно меняться). Код с toggle отображает или убирает второй элемент для отображения в блоке оплаты. В этом же блоке, при выборе элемента доставки должен меняться текст на нужный и, если человек выбирает пункт в блоке доставки из тех, которые не присутствую в константе, текст должен меняться обратно.

Сам html блока выбора оплаты выглядит так

<div id="sample_form_pay" class="cart_money b-field clearfix" style="display: block;">
  <fieldset class="b-checkbox-group">
    <legend class="p_header bold">Оплата:</legend>
    <label class="input-label left">
      <input class="b-check-box" type="radio" value="5" name="sample_form_pay">
      <span></span>Наличными
    </label>
    <label class="input-label left b-inline-checkbox">
      <input class="b-check-box" type="radio" value="9" name="sample_form_pay">
    <span></span>Перевод на карту
    </label>
    <label class="input-label left b-inline-checkbox">
      <input class="b-check-box" type="radio" value="14" name="sample_form_pay">
      <span></span>Пластиковой картой
    </label>		
  </fieldset>
</div>

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

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

[m4f1]

Алексей Тен, добавил данные

[Rustam Bainazarov]

m4f1, ай, всё же увидели. Просто я передумал отвечать, поэтому удалил свой комментарий.

И почему в вопросе тогда неполный скрипт?

[m4f1]

Рустам Байназаров, все исправил

[m4f1]

Сделал замену участка кода на

if (this.change) {
		var replaced = PayTextForm.html().replace(/Наличными/gi, 'Наличными курьеру');
		var replaced = PayTextForm.html().replace(/Пластиковой картой/gi, 'Картой онлайн');
		text.html(replaced);
	} else {
		var replaced = PayTextForm.html().replace(/Наличными курьеру/gi, 'Наличными');
		var replaced = PayTextForm.html().replace(/Картой онлайн/gi, 'Пластиковой картой');
		PayTextForm.html(replaced);
	}

Чего тут не хватает?

[alex-1917]

PayTextForm - эт чо?

[m4f1]

alex-1917, var PayTextForm = $('#sample_form_pay');

[Сергей c0re]

m4f1, странн... почему текст во всех лейблах за спаном?
<span></span>Наличными
так задумано?

[m4f1]

Сергей, Это не мое, так и было, генерится форма именно так криво

Answer 1

[dollar]

Скобки обязательны:
if (условие) действие;

Если больше одного действия, то они оформляются в блок:
if (условие) { действие; действие; }

С else всё то же самое, только нет условия.
if (условие) действие; else действие;

Хотя в качестве действия снова может быть ветвление. Каждое условие в скобках, иначе интерпретатор не сможет понять, где кончается условие и начинается действие.
if (условие) действие; else if (условие) действие;