使用HTML单选按钮更改内容

Question

我的网站上有以下代码。

<input type="radio" name="pricelist" onclick="online();" /> Show price with VAT
<br />
<input type="radio" name="pricelist" onclick="offline();" /> Show price without VAT
<br />
<span id="update"></span>
<script type="text/javascript">
    function online(){
        document.getElementById("update").innerHTML = "100$";
    }
    function offline(){
        document.getElementById("update").innerHTML = "75$";
    }
</script>

我希望当用户打开页面时显示“含增值税价格”。 不幸的是，它不适用于仅“检查”表单。

你们当中有人知道如何解决吗？ :)

Answer 1

在document.ready上，通过JavaScript检查广播。

Answer 2

您可以为此使用onload事件，

    <body onload="initial()">
       <input id="vat" type="radio" name="pricelist" onclick="online();" /> Show price with VAT
       <br />
       <input id="novat" type="radio" name="pricelist" onclick="offline();" /> Show price without VAT
       <br />
    </body>

function initial(){

   //automatically check the radio button
   document.getElementById("vat").checked = true;

   //call the function you want to call when page loads
   online();
}

这是一个小提琴

不要忘记将id分别作为vat和novat添加到您的单选按钮中。

如果您想使用jQuery，则可以使用它的ready()函数，该函数将在页面加载时执行，

$(document).ready(function(){
   initial();
});

使用HTML单选按钮更改内容

问题描述

2 个解决方案

解决方案1
0 2015-06-09 21:08:18

解决方案2
0 2015-06-09 21:09:03

使用HTML单选按钮更改内容

问题描述

2 个解决方案

解决方案1 0 2015-06-09 21:08:18

解决方案2 0 2015-06-09 21:09:03

解决方案1
0 2015-06-09 21:08:18

解决方案2
0 2015-06-09 21:09:03