复选框应用
前台用服务器控件CheckBoxList<asp:CheckBoxList ID="chkSports" runat="server"> </asp:CheckBoxList> 在后台对其赋值
chkSports.Items.Add("苹果"); chkSports.Items.Add("西瓜"); chkSports.Items.Add("橘子"); chkSports.Items.Add("香蕉"); chkSports.Items.Selected = true; 在前台界面生成html代码为：
<table id="chkSports"><tr><td><input id="chkSports_0" type="checkbox" name="chkSports$0" value="苹果" /><label for="chkSports_0">苹果</label></td></tr><tr><td><input id="chkSports_1" type="checkbox" name="chkSports$1" value="西瓜" /><label for="chkSports_1">西瓜</label></td></tr><tr><td><input id="chkSports_2" type="checkbox" name="chkSports$2" checked="checked" value="橘子" /><label for="chkSports_2">橘子</label></td></tr><tr><td><input id="chkSports_3" type="checkbox" name="chkSports$3" value="香蕉" /><label for="chkSports_3">香蕉</label></td></tr></table> 打印checkbox选中的内容：
$("#btnSend").click(function () { //选取属性值以chkSports开头的元素，即是chkSports下的所有元素 $(":checkbox").each(function () { if (this.checked) { alert($(this).val()); } });
此实例是为了更清楚的说明服务器控件CheckBoxList在界面上生成的html情况以及如何在jquery中使用。
页:
[1]