Question

我正在使用一个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 {}
}

但这根本不是开火。代码中有什么问题。任何人都可以帮我解决这个问题。

感谢任何帮助。感谢。

Answer 1

可能你错过了$(document).ready

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

Answer 2

有三件事要做

在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 {
    }
  }

Answer 3

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

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

} 
else {

}

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

3 个答案: