单击 div 切换内部复选框
Click div to toggle inner checkbox
我有一个 DataList,里面有一个 ItemTemplate,它创建了以下 ui:
片段:
<asp:DataList ID="DataList1" runat="server" RepeatColumns="5" RepeatDirection="Horizontal" DataKeyField="Key">
<ItemTemplate>
<div id="Row">
<div id="Cell">
<div id="Permission_Label_Div">
<asp:Label runat="server" ID="Permission_Label" Text='<%# Eval("Key") %>'></asp:Label>
</div>
<div id="Permission_CheckBox_Div">
<asp:CheckBox runat="server" AutoPostBack="true" ID="Permission_CheckBox" Checked='<%# Eval("Value") %>' />
</div>
</div>
</div>
</ItemTemplate>
</asp:DataList>
我遇到的麻烦是允许用户通过单击相应的 div.I 来切换复选框,假设因为 DataList 是一个 asp 服务器控件,我会等待页面完成加载,然后才能访问每个 DataList 项目。任何帮助将不胜感激。
像这样的东西应该可以工作
$("div#cell").click(function(){
var checkbox = $(this).find("input[type=checkbox]");
checkbox.prop('checked', !checkbox.is(':checked'));
})
我有一个 DataList,里面有一个 ItemTemplate,它创建了以下 ui:
片段:
<asp:DataList ID="DataList1" runat="server" RepeatColumns="5" RepeatDirection="Horizontal" DataKeyField="Key">
<ItemTemplate>
<div id="Row">
<div id="Cell">
<div id="Permission_Label_Div">
<asp:Label runat="server" ID="Permission_Label" Text='<%# Eval("Key") %>'></asp:Label>
</div>
<div id="Permission_CheckBox_Div">
<asp:CheckBox runat="server" AutoPostBack="true" ID="Permission_CheckBox" Checked='<%# Eval("Value") %>' />
</div>
</div>
</div>
</ItemTemplate>
</asp:DataList>
我遇到的麻烦是允许用户通过单击相应的 div.I 来切换复选框,假设因为 DataList 是一个 asp 服务器控件,我会等待页面完成加载,然后才能访问每个 DataList 项目。任何帮助将不胜感激。
像这样的东西应该可以工作
$("div#cell").click(function(){
var checkbox = $(this).find("input[type=checkbox]");
checkbox.prop('checked', !checkbox.is(':checked'));
})