Javascript JQuery单击复选框以显示div中的特定字段

我有一个下拉列表，可以使用Jquery在3个不同的复选框中显示值。但是当我点击复选框“无输入字段显示”时

$（“#响应”）。单击（函数（）{
如果（$（this）.is（':checked'））{
$（“#displayrow”）.show（）；
}否则{
$（“#显示行”）.hide（）；
}
});
/*
函数支付方法（countryid）{
$.ajax({
网址：“abc.php”，
类型：“post”，
数据：{cid:cid}，
成功：功能（方法）{
$（'#displayresponse'）.html（方法）；
}            
}); 
*/

---

它似乎工作正常。我在下面对它进行了测试，当单击复选框时，输入显示和隐藏。您的ajax可能有问题，导致其他代码无法工作

或者，如果您需要对不在DOM中的项执行此操作，那么您应该针对div之外的内容（如body）运行click函数，然后使用jquery“on”函数

/*//显示和隐藏输入字段///*/
/*
$（“#响应”）。单击（函数（）{
如果（$（this）.is（':checked'））{
$（“#displayrow”）.show（）；
}否则{
$（“#显示行”）.hide（）；
}
});
*/
//如果您需要它来处理不在DOM中的项，那么您应该像这样运行click函数。
$（'body'）。在（“单击”，“响应”，函数（）上）{
如果（$（this）.is（':checked'））{
$（“#displayrow”）.show（）；
}否则{
$（“#显示行”）.hide（）；
}
})；

单击我-->

您需要将代码放在

$（function（）{…}）

中，以便只执行一次：

$（函数（）{
$（'#response'）。更改（函数（）{
如果（$（this）.is（':checked'））
{
$（“#displayrow”）.show（）；
}否则{
$（“#显示行”）.hide（）；
}
});
})；

这不起作用，因为您只能在具有特定ID的元素上使用。因此

#response

将只针对一个元素。最好在此处使用CLASE。当我单击first check it show first show--Fname、lname input Second show-->email、pass Third show-->phone或任何输入字段时，我有3个带有不同值的复选框正在工作，但正在从DB中提取复选框中的ID值，当我选中该复选框时，它将相应地显示输入字段

$(function() {

  $('#response').change(function(){
    if( $(this).is(':checked')) 
    {
      $("#displayrow").show();
    } else {
      $("#displayrow").hide();
    }
  });
  
});