摘要:ASP.NET WebForm 與jQuery:驗證CheckBox有無核選
由於客戶專案上需要加上防呆設計,
偏偏碰到jQuery取出ASP.NET WebForm之控制項元件屬性的寫法不同而傷腦筋,
在此記錄一下。
javascript與jQuery原始碼如下:注意id$=btnUpdate
$("input[id$=btnUpdate]").live("click", function () {
if ($(".myCheck :checkbox").is(":checked") == false) {
alert("您未勾選!");
return false;
}
});
ASP.NET WebForm 的aspx原始碼如下:對應asp:Button ID="btnUpdate"
<asp:GridView ID="gvObj" runat="server" 略...>
<Columns>
<asp:TemplateField HeaderText="勾選">
<ItemTemplate>
<asp:CheckBox ID="cbCheck" runat="server" CssClass="myCheck" />
</ItemTemplate>
</asp:TemplateField>
略...
</Columns>
</asp:GridView>
<asp:Button ID="btnUpdate" runat="server" Text="更新" />
有什麼問題,歡迎提出與我討論!