jQuery获取checkboxlist的value值
CheckboxList是服务器控件,绑定数据容易,服务器端获取选中值也容易。但是生成的静态页面没有ListItem的Value值,所以默认情况下用js在页面中是取不到ListItem的值的。
问题描述:js取不到选中的ListItem的值。
<asp:CheckBoxList runat="server" ID="listTest">
</asp:CheckBoxList>
<input type="button" id="btnShow" value="显示选中值" />
下面是生成的静态html:
<table id="listTest" border="0">
<tr>
<tr>
</tr>
</table>
解决方法:
在绑定checkboxlist时,为ListItem每个对象添加一个alt属性,值保存对应的value值,代码如下:
if (dt != null && dt.Rows.Count > 0)
{
}
//第二种
protected void chkbind()
{
string sel = "select Product_id,ProductName from Product";
SqlDataReader dr = sqlHelper.ExecuteReader(sqlHelper.conn, CommandType.Text, sel, null);
chkProduct.DataTextField = "ProductName";
chkProduct.DataValueField = "Product_id";
chkProduct.DataSource = dr;
chkProduct.DataBind();
conn.Close();
foreach (ListItem li in chkProduct.Items)
{
li.Attributes.Add("alt", li.Value);
}
}
<table id="Table1" border="0">
<tr>
<td>
</td>
</tr>
<tr>
<td><span alt="398"><input id="listTest_1" type="checkbox" name="listTest$1" />
<label for="listTest_1">使用css的overflow属性改变缩略图大小</label></span>
</td>
</tr>
</table>
下面就是js取选中的listitem的值:
$(document).ready(function() {
});