C# 如果在加载页面时选中复选框，则更改样式

我正在使用一个usercontrol，其中有一个带有html复选框的gridview。我正在另一个页面中使用此控件。当加载页面中的用户控件时，其中一些复选框被选中

因此，为了在加载usercontrol时更改复选框的样式，这是我在js文件中添加的jquery代码

<input type="checkbox" class="chk">

jQuery('input:checkbox.chk').click(evaluate).each(evaluate);

function evaluate() {
    debugger;
    var item = jQuery(this);
    alert('hello');
    if (item.is(":checked")) {
        jQuery(this).parent().toggleClass("active");
    } else {}
}

jQuery（'input:checkbox.chk'）。单击（评估）。每个（评估）；
函数求值（）{
调试器；
var item=jQuery（this）；
警惕（“你好”）；
如果（项目为（“：选中”））{
jQuery（this.parent（）.toggleClass（“活动”）；
}else{}
}

但这根本不是开火。代码中有什么错误。有谁能帮我解决这个问题吗

---

感谢您的帮助。谢谢。

有三件事要做

• 在doucument.ready中添加代码
• 这里不需要每个人
• 使用更改而不是单击

约束事件

$(document).ready(function(){
    jQuery('input:checkbox.chk').change(evaluate);
});

定义功能

 function evaluate() {
    debugger;
    var item = jQuery(this);
    alert('hello');
    if (item.is(":checked")) {
        jQuery(this).parent().toggleClass("active");
    } else {
    }
  }

---

有三件事要做

• 在doucument.ready中添加代码
• 这里不需要每个人
• 使用更改而不是单击

约束事件

$(document).ready(function(){
    jQuery('input:checkbox.chk').change(evaluate);
});

定义功能

 function evaluate() {
    debugger;
    var item = jQuery(this);
    alert('hello');
    if (item.is(":checked")) {
        jQuery(this).parent().toggleClass("active");
    } else {
    }
  }

---

将此代码移动到第一页或document.ready事件的pageinit函数

if (item.is(":checked")) {
    jQuery(this).parent().toggleClass("active");

} 
else {

}

---

将此代码移动到第一页或document.ready事件的pageinit函数

if (item.is(":checked")) {
    jQuery(this).parent().toggleClass("active");

} 
else {

}

您可能错过了

$（文档）。准备好了吗

$(document).ready(function(){
   // Put your code here
})

您可能错过了

$（文档）。准备好了吗

$(document).ready(function(){
   // Put your code here
})

---

你在控制台上有什么错误吗？@dreamweiver！没有错误！事实上，我没有发现你的代码有任何问题，它在这里工作正常是的，我也在JSFIDLE中测试过。但是当页面加载到asp.net中时会出现问题。如果您在asp.net页面中链接此js文件，则可能需要在asp.net页面的

$（document）.ready（..）

中调用此函数。因此，当asp.net页面的dom树完全加载时，js函数也将加载到您的asp.net中。您在控制台中是否收到任何错误？@dreamweiver！没有错误！事实上，我没有发现你的代码有任何问题，它在这里工作正常是的，我也在JSFIDLE中测试过。但是当页面加载到asp.net中时会出现问题。如果您在asp.net页面中链接此js文件，则可能需要在asp.net页面的

$（document）.ready（..）

中调用此函数。因此，当asp.net页面的dom树完全加载时，js函数也将加载到asp.net中。我正在链接页面中的javascript文件。因此，它应该自动触发代码。我不知道它在哪里失败了！！如果您想让脚本在代码中自动触发，您必须在HTML中定义

onclick

，就像这里一样，您使用Jquery，所以要绑定到选择器中的事件，必须在

$（document）.ready（function（）{}）

之后定义。我正在链接页面中的javascript文件。因此，它应该自动触发代码。我不知道它在哪里失败了！！如果希望脚本在代码中自动触发，则必须在HTML中定义

onclick

，就像这里一样，使用Jquery，所以要绑定到选择器中的事件，必须在

$（document）.ready（function（）{}）