Javascript无法按预期工作

当我使用这些代码验证单击单选按钮时，我的javascript代码似乎没有运行。它假设在点击卡片单选按钮时下拉输入，在点击paypal按钮时向上滑动输入。第一个代码javascript。第二个代码html

if（document.getElementById（'paypal'）。选中）{
//Paypal单选按钮已选中
$（“.input fields”）.slideDown（“slow”）；
}else if（document.getElementById（'card'）。选中）{
//卡单选按钮已选中
$（“.input fields”）.slideUp（“slow”）；
};

结账
用信用卡支付$
使用PayPal支付$
持卡人姓名
有效期至
CVV/CVC*
卡号
*CVV或CVC是卡的安全代码，卡背面唯一的三位数数字，与卡号分开。
您所错过的只是在函数中添加逻辑，并使用
addEventListener（）
将其添加到事件中以进行值更改

我们使用
document.getElementById（）
通过
ID
获取两个输入元素，然后添加事件侦听器，以便在值更改时触发

document.getElementById("card").addEventListener("change", validate);
document.getElementById("paypal").addEventListener("change", validate);


函数验证（）{
if（document.getElementById（'paypal'）。选中）{
//Paypal单选按钮已选中
$（“.input fields”）.slideDown（“slow”）；
}else if（document.getElementById（'card'）。选中）{
//卡单选按钮已选中
$（“.input fields”）.slideUp（“slow”）；
};
}
文件.getElementById（“卡”）.addEventListener（“更改”，验证）；
document.getElementById（“paypal”）.addEventListener（“更改”，验证）

结账
用信用卡支付$
使用PayPal支付$
持卡人姓名
有效期至
CVV/CVC*
卡号
*CVV或CVC是卡的安全代码，卡背面唯一的三位数数字，与卡号分开。
您需要在事件侦听器中添加javascript。比如说

$("input[name='payment']").click(function ()
        {
            if (document.getElementById('paypal').checked)
            {
                //Paypal radio button is checked
                $(".input-fields").slideDown("slow");
            }
            else if (document.getElementById('card').checked)
            {
                //Card radio button is checked
                $(".input-fields").slideUp("slow");
            }
            ;
        });

非常感谢你！我刚刚意识到我需要事件监听器来使函数工作