<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CheckBoxList.aspx.cs" Inherits="RichardTest.CheckBoxList" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>获取CheckBoxList选中值</title>
<script src="JS/jquery-1.10.2.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#getMyValue').click(function () {
var arr = [];
$('#CheckBoxList1 :checkbox:checked').each(function () {
//直接将标签的Value值添加进去
arr.push($(this).val());
$('#setMyValue').val(arr.join(','));
})
})
$('#getMyText').click(function () {
var arr = [];
$('#CheckBoxList1 :checkbox:checked').each(function () {
arr.push($(this).next().html());
$('#setMyValue').val(arr.join(','));
})
})
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:CheckBoxList ID="CheckBoxList1" runat="server">
<asp:ListItem Value="All" Text="全日房"></asp:ListItem>
<asp:ListItem Value="Single" Text="商务日房"></asp:ListItem>
</asp:CheckBoxList>
<br />
<br />
<br />
<input type="text" id="setMyValue" />
<br />
<br />
<input type="button" id="getMyValue" value="获取Value"/>
<br />
<br />
<input type="button" id="getMyText" value="获取Text" />
</div>
</form>
</body>
</html>