Dans un formulaire HTML, puis-je avoir un bouton uniquement visible/sélectionnable en fonction de la valeur d'une case à cocher?

Question

J'essaie de créer un formulaire pour le site Web de mon entreprise. Je laisse un client faire un don sélectif à mon entreprise lors du téléchargement d'un logiciel. S'ils cochent une case, j'aimerais qu'un bouton «Faire un don» apparaisse avec le code pour aller dans mon magasin tiers (je sais comment faire), et s'ils ne cochent pas, alors je voudrais un bouton différent apparaîtra qui les reliera au téléchargement du logiciel (je peux aussi le faire).

Je préférerais m'en tenir à PHP, Javascript et HTML. Je n'ai pas accès immédiatement à quelque chose comme asp.net.

Merci!

Answer 1

Oui. Il suffit de basculer la valeur de button.style.display entre 'none' et '' avec JavaScript.

Answer 2

<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> 

Answer 3

ya u peut le faire .. créer une fonction javascript nommé comme

fonction check_button() { if (document.getElementById ('checkbox_id') valeur. == "de checkbox_value") { document.getElementById ('button_id'). Style.display = "bloquer"; } sinon { document.getElementById ('button_id'). Style.display = "aucun"; }}

appeler cette fonction dans la case code html