por Cesar Cassiano Schimanco

Pegar itens selecionados de um CheckBoxList com jQuery

Depois da compilação, o CheckBoxList vira uma tabela onde são criados os <input type="checkbox" /> com um label para cada item.
O texto de cada checkbox fica em um label como este: <label for="checkbox ID">checkbox Text</label>

No exemplo abaixo mostro como usar jQuery para pegar o texto dos itens selecionados de um CheckBoxList.

<script type="text/javascript">
function GetSelected() {
	var Selected = '';
	$("#<%= CheckBoxList1.ClientID %> input:checkbox").each(function () {
		if (this.checked == true) {
			Selected += '<div>' + $('label[for=' + this.id +']').html() + '</div>';
		}
	});

	$('#div_selected').html(Selected);
}
</script>

<asp:CheckBoxList ID="CheckBoxList1" runat="server">
    <asp:ListItem Text="Opção 1" Value="1" />
    <asp:ListItem Text="Opção 2" Value="2" />
    <asp:ListItem Text="Opção 3" Value="3" />
</asp:CheckBoxList>

<div id="div_selected">
    <!-- Aqui aparecerão os itens selecionados-->
</div>

<input type="button" value="Pegar selecionados" 
    onclick="javascript:GetSelected()" />

 

Comentários

Carregando comentários

Postar um novo comentário



Processando...