jQuery 和复选框，我看不到更改

Question

我在 ASP 项目转发器中有很多复选框：

<asp:Repeater ID="rpPostes" runat="server" DataSource="<%# this.ItemsPostesBudgetaires %>">

在中继器内的某个地方，一个复选框描述为：

<asp:CheckBox runat="server" Class="chk" ID="chkPieceJust" Text="Recues" Visible="<%#  Mode.HasFlag(ModeType._BoutonsApprobation)  %>" Enabled="<%# CheckBoxDispo() %>" Checked="<%# CheckBoxChecked(Container.DataItem as Transaction) %>" />

最后，一个按钮可以将每个复选框变为 true ：

<input id="chkAllPieceJust" type="button" value="Toutes Pièces Justificatives Recues" onclick="CTCC.Transactions.PieceRecuClick(this);" />

最后这是我的 jQuery 函数：

CTCC.Transactions.PieceRecuClick = function (source) {

$('.chk').attr('checked', true);

}

单击按钮后会发生那种 html 输出：

<span class="chk" checked="checked"><input ... blablabla

但没有任何反应，根本没有选中复选框......

我不知道我还需要什么......

Answer 1

Checkbox控件的CssClass属性实际上将该类应用于包装复选框本身的span元素。 您可以通过在代码隐藏中分配类直接将类应用于复选框元素，如下所示：

MyCheckBox.InputAttributes["class"] = "chk";

或者修改你的jquery来查找.chk元素的输入子元素，像这样

$(".chk input[type='checkbox']").prop('checked', true);