jQuery复选框的多个函数

这是我用的

$(document).ready(function() {
  var a = $("#companyname");
  var b = $(".companyname");
  b.hide();
  a.change(function() {
    if (a.is(':checked')) {
      b.show();
    } else {
      b.hide();
    }
  });
});

PHP

if（$result->num_rows>0）{
//每行的输出数据
而（$row=$result->fetch_assoc（））{
回显“$row[”PeriodFrom“]”至“$row[”PeriodTo“]”、$row[“CompanyName”]”、$row[“City”]、“$row[“Country”]”、“$row[“JobTitle”]”、“
”、“$row[“Responsibility”]”、
；}
}否则{
回显“0结果”；
}

但我想知道是否有一个选项，使一个多功能？而不是为每个复选框编写相同的代码

滤器
时期
公司名称
城乡
工作
标题
信息和责任

为所有复选框指定一个特定类，并使用选择器将事件绑定到所有复选框。根据我对代码的理解，要显示/隐藏的相关元素的类名与相关复选框相同。此外，由于它只是一个简单的显示/隐藏案例，所以您可以使用该函数

编辑：

$（'.+this.name）

所做的是，我们正在创建一个类选择器，就像您在

var b=$（“.companyname”）中所做的那样。由于需要隐藏的元素是类名与复选框名称相同的元素，因此我们将
与
this.name
（
this.name
将获得复选框的名称）

我在下面添加一个示例。我在HTML中做了一些Tweek


$（'#过滤执行输入：复选框'）。更改（函数（）{
如果（$（'#过滤器执行输入：复选框：选中'）。长度>0）{
$（'filterDiv'）。removeClass（'hide'）；
}否则{
$（'filterDiv'）.addClass（'hide'）；
}
如果（选中此项）{
$（'..+this.name）.removeClass（'hide'）；
}否则{
$（'..+this.name）.addClass（'hide'）；
}
});
.hide{display:none}

滤器
时期
公司名称
城乡
工作
标题
信息和责任
从到到
公司名称
城市，乡村。
职务
职责
这应该能回答你的问题，但现在我的问题是，
如果取消选中复选框，复选框被隐藏，然后无法再次显示，您认为如何显示复选框


$（'.options'）.change（function（）{
$（this.toggle）（this.checked）；
});

滤器
时期
公司名称
城乡
职位名称
信息和责任
如果（$result->num_rows>0）{//在（$row=$result->fetch_assoc（））{echo.“$row[”PeriodFrom“]”到“$row[”PeriodTo“]”的情况下，过滤期间公司名称、城市和国家/地区职务信息和职责[“CompanyName”]。$row[“City”]，“$row[“Country”]，“$row[“JobTitle”]。”
“$row[“Responsibilities”]，“
”；}}}否则{echo“0 results”；}。我在回答中添加了一个示例。看看这是否有帮助。我认为你的意思是$（'#这个.id.）。切换（this.checked）；实际上为什么不尝试$（this.）。切换（this.checked）；？@micheledibenedeto当然不是。从OP中我们可以推断出他想要切换的元素是一个类名与复选框ID相同的元素。还有
$（this.）。复选框上的切换（this.checked）
会隐藏自己，那么这又有什么用处呢？
if ($result->num_rows > 0) { 
  // output data of each row 
  while($row = $result->fetch_assoc()) {
     echo "<div class='hide'><h4 class='period'>". $row["PeriodFrom"]." to ".$row["PeriodTo"]."</h4><h4 class='companyname'>". $row["CompanyName"]. "</h4><h4 class='city'>".$row["City"].", " .$row["Country"]."<h4 class'jobt'>" . $row["JobTitle"] . "<p class='info'>".$row["Responsibilities"]."</p>" . "</div>"; } 
} else {
     echo "0 results"; 
}