如何使用jquery访问面板列表中的checkbox.click答案

【问题标题】：how to access the checkbox.click inside a list of panels using jquery如何使用jquery访问面板列表中的checkbox.click
【发布时间】：2011-09-15 17:33:11
【问题描述】：

我有这个层次结构，一个 tabcontainer(tcmain) 下一个 tabpanel(tpnlRaiseMRF) 下一个 asp 面板 (RaiseMRF) 下一个复选框 (cbxRecNote)。我想在点击时添加这个功能。我是这样添加的：

$(document).ready(function () { $("#pnlRecNote").hide(); $("#cbxRecNote").click(function () { $("#pnlRecNote").slideToggle(); }); });

pnlRecNote 直接在表单下，所以它是隐藏的。 cbxRecNote 点击没有被触发（上面的代码）。但它不起作用，请帮助我。我对 jquery 很陌生。提前致谢。

【问题讨论】：

您是否尝试过使用console.log 而不是slidetoggle 来查看它是否被触发？运行时是否出现任何错误？
"I want to add this function on click." this function 指的是什么？另外，您要捕获什么点击事件？
@JSantos：不，我没有收到任何错误。
@Rob : 在选中复选框时，我想切换面板。
您可以在控制台上手动运行命令吗？如果你这样做 $("#pnlRecNote").slideToggle();它运行吗？你能在控制台中找到你的元素吗？还可以尝试将 $("#cbxRecNote") 替换为 $("[id$=cbxRecNote]") 并对其他元素执行相同操作

标签： jquery asp.net

【解决方案1】：

将您的元素替换为 $("[id$=cbxRecNote]")

【讨论】：

【解决方案2】：

查找复选框是一种直接的方式，只需使用元素的 ID。

试试这个：

$("#cbxRecNote").change(function(){
// type your code here
});

这将利用浏览器的原生 javaScript getElementById() 函数，这是您可以拥有的最快方式。

从这里查看这个现场演示：http://jsfiddle.net/eS8eY/3/

【讨论】：

@ElSayed ：它可以被访问，因为它在其他一些元素中，例如具有 id (tcMain) 的 tabcontainer 和具有 id (tpRaiseMRF) 的 tabpanel。
@NayeemKhan：我知道，但是考虑到直接使用物品的 ID 也更加简洁和快捷。
@elsayed：这样它不工作也知道。请记住，tabcontainer 是 ajax 控件，在它下面我有一个 tabpanel，在它下面我有一个包含我的复选框的面板。