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();
}

Here is a fiddle for it

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

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

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

使用HTML单选按钮更改内容

2 个答案: