php1995
@php1995
Изучаю fullstack php разработку

Как в php взять данные из кнопки javascript?

Есть две кнопки
<button onclick="changeAvitoColor()" type="button" id="avito" class="site form_item" name="avito">Авито</button>
 <button onclick="changeYulaColor()" type="button" id="yula" class="site form_item" name="yula">Юла</button>

Примерно так это выглядит
5ff34a991ec37315749720.png
Пользователю приходят уведомления на почту о новых товарах по его ключевым словам.

Нужно отправить в бд значение true(int % 2 == 0) или false(int % 2 == 1) у кнопки(он выбирает сайты, с которых ему должны приходить уведомления).

Цвет кнопки меняется так (уверен что есть более гуманный способ):
let yula = document.getElementById('yula');
let avito = document.getElementById('avito');
let avitoCount = 0;
let yulaCount = 0;

function changeYulaColor() {
    YulaCount++;
    if (YulaCount % 2 === 1) {
        yula.style.backgroundColor = "green";
    } else {
        yula.style.backgroundColor = "red";
    }
}

function changeAvitoColor() {
    avitoCount++;
    if (avitoCount % 2 === 1) {
        avito.style.backgroundColor = "green";
    } else {
        avito.style.backgroundColor = "red";
    }
}
  • Вопрос задан
  • 76 просмотров
Решения вопроса 1
Дополнить форму ...
<form class="" onsubmit="submitForm(event)">
    <input type="text" name="status_yula" id="status_yula"> 
    <input type="text" name="status_avito" hidden id="status_avito">//  сделать скрытыми
    <button onclick="changeColor(event)" class="" id="avito"> Avito</button>
    <button onclick="changeColor(event)" class="" id="yula"> Youla</button>
<button type="submit">Отправить форму</button>
</form>


JS
let status = false;

  function changeColor(e) {
    status = !status
    let bgColor = status ? "green" : "red"
    let el = document.getElementById('status_'+e.target.id)
    el.value = status.toString()
    return e.target.style.backgroundColor = bgColor
  }
function submitForm(e) {
  e.preventDefault(); // здесь обрабатывать значения в форме - просто добавляете к остальным значения по селекторам или как вы делаете.
 
}


Рабочий пример
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@66demon666
По навыкам джун - по факту безработный
Ну как вариант создать скрытые поля в форме для этих кнопок
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы