asp.net Javascript獲取CheckBoxList的value

2024-07-10 13:18:37

字體：大中小

來源：轉載

供稿：網友

以后我會陸續的寫出這段時間中學習到的東西，與大家一起分享。這篇文章也算是工作中的一個筆記吧，希望給遇到同樣問題的朋友，一點小小的幫助。
在開發工作中，因為要做用到CheckBoxList在客戶端用js操作，無論js怎樣調試，就是無法獲取value的值，很是郁悶，后來Google了下，去了趟CodeProject，算是幸運的。我們在網頁上放置一下代碼：

復制代碼代碼如下:

<asp:CheckBoxList runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow"> <asp:ListItem Text="測試A" Value="A"></asp:ListItem>
<asp:ListItem Text="測試B" Value="B"></asp:ListItem>
<asp:ListItem Text="測試C" Value="C"></asp:ListItem>
<asp:ListItem Text="測試D" Value="D"></asp:ListItem>
<asp:ListItem Text="測試E" Value="E"></asp:ListItem>
</asp:CheckBoxList>

當瀏覽器呈現這段代碼后，我們再看看是什么樣的Html腳本：
<table>
<tr><td><input type="checkbox" /><label for="chkDemo_0">測試A</label></td>
<td><input type="checkbox" /><label for="chkDemo_1">測試B</label></td>
<td><input type="checkbox" /><label for="chkDemo_2">測試C</label></td>
<td><input type="checkbox" /><label for="chkDemo_3">測試D</label></td>
<td><input type="checkbox" /><label for="chkDemo_4">測試E</label></td> </tr></table>
這段Html腳本會因為RepeatLayout的設置有所差異，但是都有一個共同點，就是生成的CheckBox沒有value屬性，
所以在客戶端用js是沒辦法獲取值的
為了解決這個問題，我們需要擴展一下CheckBoxList：這是我在CodeProject上找到的源碼，時間久了，鏈接就不貼了吧。

復制代碼代碼如下:

[ToolboxData("<{0}:CheckBoxListEx runat=/"server/"></{0}:CheckBoxListEx>")]
public class CheckBoxListEx : CheckBoxList,IRepeatInfoUser
{
void IRepeatInfoUser.RenderItem(ListItemType itemType, int repeatIndex, RepeatInfo repeatInfo, HtmlTextWriter writer)
{
string clientID = UniqueID + this.ClientIDSeparator + repeatIndex.ToString(NumberFormatInfo.InvariantInfo); //var

writer.WriteBeginTag("input");
writer.WriteAttribute("type", "checkbox");
writer.WriteAttribute("name", UniqueID + this.IdSeparator + repeatIndex.ToString(NumberFormatInfo.InvariantInfo));
writer.WriteAttribute("id", clientID);
writer.WriteAttribute("value", Items[repeatIndex].Value);
if (Items[repeatIndex].Selected)
writer.WriteAttribute("checked", "checked");

System.Web.UI.AttributeCollection attrs = Items[repeatIndex].Attributes;
foreach (string key in attrs.Keys)
{
writer.WriteAttribute(key, attrs[key]);
}
writer.Write("/>");
writer.Write("<label for='" + clientID + "'>");
writer.Write(Items[repeatIndex].Text);
writer.Write("</label>");

}