Javascript 选择单选按钮时，div不会以html显示

我创建了一个单选按钮，当用户单击任何按钮时，一些内容会显示在一个div中

我为它编写了以下代码：

$（文档）.ready（函数（）{
$（'input[type=“radio”]”）。单击（函数（）{
var inputValue=$（this.attr（“值”）；
变量targetBox=$（“+inputValue）；
$（“.box”）.not（targetBox.hide（）；
$（targetBox.show（）；
});
});
.box{
颜色：#fff；
填充：20px；
显示：无；
边缘顶部：20px；
}
.支票{
背景：#ff0000；
}
.银行{
背景：#228B22；
}
.现金{
背景：#0000ff；
}

直接银行转账
支票付款

付现金
直接将您的款项存入我们的银行账户。请使用您的订单ID作为付款参考。您的订单只有在我们账户中的资金结清后才能发货。所以我在这里
请将支票寄至门店名称、门店街道、门店城镇、门店州/县、门店邮编。
请使用您的订单ID作为付款参考。您的订单只有在我们账户上的资金结清后才能发货。
我试着添加
> 
但是没有用
你只错过了现金的默认显示，其余的正常工作


$（文档）.ready（函数（）{
$（“.cash”）.show（）；
$（'input[type=“radio”]”）。单击（函数（）{
var inputValue=$（this.attr（“值”）；
变量targetBox=$（“+inputValue）；
$（“.box”）.not（targetBox.hide（）；
$（targetBox.show（）；
});
});
.box{
颜色：#fff；
填充：20px；
显示：无；
边缘顶部：20px；
}
.支票{
背景：#ff0000；
}
.银行{
背景：#228B22；
}
.现金{
背景：#0000ff；
}

直接银行转账
支票付款

付现金
直接将您的款项存入我们的银行账户。请使用您的订单ID作为付款参考。您的订单只有在我们账户中的资金结清后才能发货。所以我在这里
请将支票寄至门店名称、门店街道、门店城镇、门店州/县、门店邮编。
请使用您的订单ID作为付款参考。您的订单只有在我们账户上的资金结清后才能发货。
您的示例对meI来说效果很好，可以看到div被正确隐藏，但对我来说不是working@Ramesh但当我选择dropdown时，它不是appearing@kingkhankkhan我看不出你的问题中有下拉式元素我不明白，我错过了什么？在页面加载时，您选择了
cash
作为默认选择，并且只在单击时显示div内容，因此您必须触发页面加载时默认显示您使用的浏览器？控制台显示未捕获的引用错误：$未定义