在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表单中，我可以只有基于复选框的值可见/可选的按钮吗？

回答

相关问题