在Javascript中更改CSS显示样式

我的一些javascript代码有问题。 单击/选中

deliverservice

单选按钮时，我正试图将我的

#showAddress

转到

display:block

。 我试过查看一些堆栈溢出帖子，但其中很多对于我当前的级别来说太高级了（我刚刚开始使用JavaScript）

交付类型
改善
传送


送货地址








帐单地址

我相信错误发生在我的JavaScript中，但是它只有两个函数。前两行是我的初始化函数，它调用下面的第二个函数

var showDelivery=document.getElementById（“deliverService”）；
showDelivery.onclick=showAddress；
函数showAddress（）{
document.getElementById（“showAddress”）.style.display='block'；
}

#其他信息#显示地址{
显示：无；
}

您应该更改此行

showDelivery.onclick =  showAddress;

对这样的事情：

showDelivery.onclick = function(){showAddress();};

---

你应该换一行

showDelivery.onclick =  showAddress;

对这样的事情：

showDelivery.onclick = function(){showAddress();};

---

或者，您可以在输入元素本身（在html中）上设置

onclick

侦听器，以直接从html元素调用javascript函数，而不是使javascript变得混乱

 <input type="radio" name="delivery" value="Deliver" id="deliverService" onclick="showAddress()">Deliver

#其他信息#显示地址{
显示：无；
}

交付类型
改善
传送

送货地址









帐单地址

或者，您可以在输入元素本身（在html中）上设置

onclick

侦听器，以直接从html元素调用javascript函数，而不是使javascript变得混乱

 <input type="radio" name="delivery" value="Deliver" id="deliverService" onclick="showAddress()">Deliver

#其他信息#显示地址{
显示：无；
}

交付类型
改善
传送

送货地址









帐单地址

这不是将函数放入函数中吗？我只是想减少页面上的杂乱，你只是告诉我们点击后应该执行的功能。还有其他方法可以做到这一点，你可以在这里检查，你也可以检查eventlisteners我正在使用Chrome，它似乎没有解决问题。你可以尝试把你的脚本之前。你可以在这里检查，这不是把函数放在函数中吗？我只是想减少页面上的杂乱，你只是告诉我们点击后应该执行的功能。还有其他方法可以做到这一点，你可以在这里检查，你也可以检查eventlisteners我正在使用Chrome，它似乎没有解决问题。你可以尝试把你的脚本之前。你可以在这里检查我发现这个方法有效。。。然而，有没有一种方法可以像我尝试的那样去做呢。在javascript中初始化时调用它。否则，我必须通过我的htmlSure进行筛选，我添加了另一个示例，用于使用

addEventListener

侦听单击，并执行一些任意函数我发现此方法有效。。。然而，有没有一种方法可以像我尝试的那样去做呢。在javascript中初始化时调用它。否则，我必须通过我的htmlSure进行筛选，我添加了另一个示例，用于使用

addEventListener

侦听单击，并执行一些任意函数