c# - asp.net :: J query :: 使用 J query 添加新元素

Question

我使用 c# 和 Jquery 将新表格单元格附加到页面：

此代码位于我从 JQuery 事件中调用的 Web 处理程序中：

sb.Append("<td style=width: 5%; align=center>" + " <input id=cbSelect"+dt.Rows[i]["FileID"].ToString()+
                    " type=checkbox name=cbSelect"+dt.Rows[i]["FileID"].ToString()
                    +" onclick='return selectSingleCheckbox('"+dSize.ToString() +"','cbSelect"+dt.Rows[i]["FileID"].ToString()+"')';>"
                    + "</td>");

表格单元格添加成功，但 onclick='return selectSingleCheckbox('"+dSize.ToString() +"','cbSelect"+dt.Rows[i]["FileID"].ToString()+"')'没有触发 java 脚本。

如何根据表格单元格触发此 javascript 事件

Answer 1

您可以单独制作每个元素：

var input = $('<input type="checkbox">');
var container = $('<div class="container"/>');

input.click(function(){
    // add your click event code here for the checkbox
});

// append input to container
container.append(input);

只是一个简单的例子，我相信你可以从这里弄清楚。将每个元素作为一个对象，然后将它们附加到一个结构中，这很好。

Answer 2

您可以执行这样的方法，而不是在输入上使用 onclick 属性

$(document).live('click','input[id|="cbSelect"]',function() {
   ..
});

并在输入上使用 data-size 和 data-fileid 属性来存储输入值并在函数中使用它们

Answer 3

不要在onclick那里使用，而是将其放入包含的 JavaScript 文件中：

$(document).on('click', '[id^=cbSelect]', function () {
    return selectSingleCheckbox(673, 'cbselect189');
});