在HTML表單中，我可以只有基於複選框的值可見/可選的按鈕嗎？

我正在嘗試爲我公司的網站創建一個表單。下載一個軟件後，我讓客戶選擇性地捐贈給我的公司。如果他們選中了一個框，我想要一個「捐贈」按鈕出現在代碼中去我的第三方商店（我知道如何做到這一點），如果他們沒有選擇複選框，那麼我想一個不同的按鈕出現，將它們鏈接到軟件的下載（我也可以做到這一點）。在HTML表單中，我可以只有基於複選框的值可見/可選的按鈕嗎？

我寧願堅持PHP，Javascript和HTML。我沒有立即訪問任何像asp.net的東西。

謝謝！

來源

2010-09-08 user433028

是的。只需在'none'和''之間用JavaScript切換button.style.display的值即可。

來源

2010-09-08 15:57:41

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

來源

2010-09-08 16:05:06

雅ü可以做到這一點.. 創建（）命名爲喜歡

功能check_button javascript函數 { 如果（的document.getElementById（ 'checkbox_id'）。價值== 「checkbox_value」） document.getElementById（'button_id'）。style.display =「block」; } else { document.getElementById（'button_id'）。style.display =「none」; } }

在複選框中調用此函數html代碼

來源

2010-09-08 16:05:57

在HTML表單中，我可以只有基於複選框的值可見/可選的按鈕嗎？

回答

相關問題