jquery：根据多个复选框数组中的特定复选复选框切换字段集

使用jquery，给定多个复选框，如果选中/取消选中特定复选框，我们如何打开/关闭字段集？ （可以选择多个复选框，因为这是多个）

我尝试使用’：checked’和’jQuery.inArray’以及toggle（）但没有运气。 没有脚本的示例HTML：

 Which food group do you like?     
 You chose Fruit! Name one fruit:  
  

？

这里是基于Jason P的答案的完整的html +脚本，使用id作为选择器：

      window.onload = function() { $('#fruitid').change(function(e) { $('#someid').toggle(this.checked); }); };    
 Which food group do you like?     
 You chose Fruit! Name one fruit:  
 
   

Answer 1

 $('input[value="Fruit"]').change(function(e) { $('#someid').toggle(this.checked); }); 

在“Fruits”复选框中添加一个类或id可能是一个好主意，这样你就可以使用更好的选择器。

Answer 2

尝试如下：

HTML

JS

 $(".fruit").change(function(){ if($(this).is(':checked')){ $("#someid").css("display","block"); }else{ $("#someid").css("display","none"); } }); 

注意：我已将class属性添加到复选框，因此您可以为每个复选框执行上述操作。