Javascript jquery单选按钮单击并更改功能不工作

我想根据单选按钮值隐藏和显示div。 HTML代码是

<div id="share_to_others">
  <input type="radio" value="33" id="fx_sharepl_type" name="fx_sharepl_type">
  <input type="radio" value="22" id="fx_sharepl_type" name="fx_sharepl_type">
  <input type="radio" value="11" id="fx_sharepl_type" name="fx_sharepl_type">
</div>

他们中的许多人都来自JSFIDLE的工作演示，但不是为我工作，我不知道为什么。

---

我做错了什么吗？

您的代码运行正常，但您忘了在JSFIDLE窗口左侧包含JQuery源代码版本。 选择任何版本的JQuery都可以使代码正常工作。

$（function（）{//DOM加载的事件处理程序
var show_duration=0；
var content_33=$（“#content_33”）；
var content_22=$（“#content_22”）；
var content_11=$（“#content_11”）；
var集团无线电共享=$（“共享给其他人”）；
//在参数中获取一个html元素并显示它
功能显示内容（内容id）{
内容显示（显示持续时间）；
}
//在参数中获取html元素并将其隐藏
函数隐藏内容（内容id）{
内容标识隐藏（0）；
}
隐藏内容（内容22）；
隐藏内容（内容11）；
bloc_radio_share.change（函数（）{
var radio_checked_val=$（'input[name=fx_sharepl_type]：checked'，'share_to_others'）.val（）；
如果（无线电检查值=33）{
隐藏内容（内容22）；
隐藏内容（内容11）；
显示内容（内容33）；
}
否则如果（无线电检查值=22）{
隐藏内容（内容33）；
隐藏内容（内容11）；
显示内容（内容22）；
}
else{//case content==11
隐藏内容（内容33）；
隐藏内容（内容22）；
显示内容（内容11）；
}
});
});

33
22
11
由于单击单选按钮33，显示此div
单选按钮22已单击，因此我出现
如果你点击单选按钮11，你会看到我，就像现在一样
您必须为每个单选按钮指定唯一的id，然后按照这种方式进行操作

$("#r1, #r2, #r3").change(function () {

div html在哪里？？ID也应该是唯一的。你有自己的提琴吗？没有，我使用了其他问题中的提琴，它可以工作，但是相同的代码不适合我，而不是你实际加载JQuery吗？你是在DOM中的元素之后运行这段代码的吗？但是我有动态单选按钮，那么我如何在change function@Sanket中定义所有按钮呢。好的，然后您还可以通过php或Jquery为每个单选按钮提供单独的id。
$("#r1, #r2, #r3").change(function () {