POST и OnClick на одну и ту же кнопку

Question

Проблема в том что если я оставляю рабочим скрипт на смену атрибутов - тогда данные не приходят в файл .php который пересылает мне информацию из формы. Но спокойно меняются атрибуты у полей. Если закомментировать скрипт - тогда данные приходят и все окей, но не изменяются атрибуты у полей формы. Буду очень рад помощи, заранее - спасибо!

test.php:

<?php

$_will_come = $_POST['radio'];
$token = "token_num";
$chat_id = "chat_id";
$yes = "Да";
$no = "Нет";

if($_will_come == 1){
    $arr = array('Придут или нет: ' => $yes);
    
  }elseif($_will_come == 2){
    $arr = array('Придут или нет: ' => $no);
    
  }

  foreach($arr as $key => $value) {
    $txt .= "<b>".$key."</b> ".$value."%0A";
  };

  $sendToTelegram = fopen("https://api.telegram.org/bot{$token}/sendMessage?chat_id={$chat_id}&parse_mode=html&text={$txt}","r");

if ($sendToTelegram and $_will_come == 1){
  header('Location: thank.html');
}
?>

<!DOCTYPE html>

<head>

</head>

<body>
  <form action="test.php" method="POST">
    <div class="form_radio_group">
      <div class="form_radio_group-item">
        <input id="radio_1" type="radio" name="radio" value="1">
        <label for="radio_1">Придем</label>
      </div>
      <div class="form_radio_group-item">
        <input id="radio_2" type="radio" name="radio" value="2">
        <label for="radio_2">Не придем</label>
      </div>

    </div>

    <script>
      radio_1.onclick = function Input1() {
        document.getElementById('form1').disabled = false;
        document.getElementById('form2').disabled = false;
        document.getElementById('form3').disabled = false;
        document.getElementById('form4').disabled = false;
        document.getElementById('form5').disabled = false;
        document.getElementById('form6').disabled = false;
        document.getElementById('text_area').placeholder = "Пожелания, нюансы или интересующие вас вопросы";


      }
      radio_2.onclick = function Input2() {
        document.getElementById('form1').disabled = true;
        document.getElementById('form2').disabled = true;
        document.getElementById('form3').disabled = true;
        document.getElementById('form4').disabled = true;
        document.getElementById('form5').disabled = true;
        document.getElementById('form6').disabled = true;
        document.getElementById('text_area').placeholder = "А почему, расскажете?";

      }
    </script>

    <div class="form-group">
      <input type="text" class="form-control" id="form1" name="answer1" placeholder="Вопрос 1" disabled>
    </div>

    <div class="form-group">
      <input type="text" class="form-control" id="form2" name="answer2" placeholder="Вопрос 2" disabled>
    </div>

    <p>
      <button type="submit"> Отправить <span aria-hidden ></button>
    </p>
  </form>
</body>

БЛОГ НА HUSL

POST и OnClick на одну и ту же кнопку

Ответы (0 шт):