更改jQuery事件（）

我有一个简单的forms：

 
 Red
 Yellow
 Blue
 Purple
 
 
 
 
 12
 11
 10
 9
 
  

我试图在这里做的是通过使用jQuery change（）隐藏第二个字段集。

 $("input#radio10").change(function () { var checked = true; checked = checked && $(this).is(':checked'); if ($('input#radio10:checked') ) { $('.block-cms').show() } else { $('.block-cms').hide(); } }); 

不知道这里有什么问题。 有人可以建议我应该做些什么不同吗？

Answer 1

你的id不应该有# ，那是选择器，它应该只是id="radio10" 。

改变这一点，这就是你应该追求的：

 $(".class_a :radio").change(function () { $(".block-cms").toggle($("#radio10:checked").length > 0); }); 

你可以在这里测试一下 。

Answer 2

首先，元素上的id应该是radio10而不是#radio10 。

然后使用此代码

 $("input[name='color']").change(function () { if ($('input#radio10').is(':checked') ) { $('.block-cms').show() } else { $('.block-cms').hide(); } }); 

Answer 3

这是另一个解决方案（IMO在上有一个id对我来说似乎有点不对劲）：

 $("input[name='color']").change(function () { if ($(this).val() == 1) { $('.block-cms').show() } else { $('.block-cms').hide(); } });