В форме HTML можно ли отображать / выбирать кнопку только в зависимости от значения флажка?

Question

Я пытаюсь создать форму для веб-сайта моей компании.Я позволяю клиенту выборочно делать пожертвования моей компании при загрузке части программного обеспечения.Если они установят флажок, я бы хотел, чтобы появилась кнопка «Пожертвовать» с кодом для перехода в мой сторонний магазин (я знаю, как это сделать), и если они не установят флажок, то я быпоявится другая кнопка, которая свяжет их с загрузкой программного обеспечения (я тоже могу это сделать).

Я бы предпочел придерживаться PHP, Javascript и HTML.У меня нет немедленного доступа к чему-либо вроде asp.net.

Спасибо!

Answer 1

Да.Просто переключите значение button.style.display между 'none' и '' с помощью JavaScript.

Answer 2

вы можете это сделать .. создайте функцию javascript с именем вроде

function check_button () {if (document.getElementById ('checkbox_id'). Value == "checkbox_value") {document.getElementById ('button_id') style.display = "блок".} else {document.getElementById ('button_id'). style.display = "none";}}

вызовите эту функцию в html-коде чекбокса

Answer 3

<input id="my_check_box" type="checkbox" onclick="handleCheckChange()" onchange="handleCheckChange()" />

<input id="my_donate_button" type="submit" style="display: none" value="Donate now!" />

<script type="text/javascript">
  function handleCheckChange() {
    var my_donate_button = document.getElementById("my_donate_button");
    if (document.getElementById("my_check_box").checked) {
      my_donate_button.style.display = '';
    } else {
      my_donate_button.style.display = 'none';
    }
  }
  // Browsers may pre-check the box if the user re-loads the page,
  // so call this to make sure the page is consistent.
  handleCheckChange(); 
</script>