How to mark a specific Checkboxlist item with jquery

Question

I have seen several examples of how to mark and unmark all, but I have not seen how to mark a specific, see:

<asp:CheckBoxList ID="ChkAcoesListarGrupo" runat="server" RepeatDirection="Horizontal" Width="100%" >
                                <asp:ListItem Value="1">Novo</asp:ListItem>
                                <asp:ListItem Value="2">Atualizar</asp:ListItem>
                                <asp:ListItem Value="3">Excluir</asp:ListItem>
                                <asp:ListItem Value="4">Visualizar</asp:ListItem>
                                <asp:ListItem Value="5">Pesquisar</asp:ListItem>
                            </asp:CheckBoxList>

How do I leave the item Visualizar marked with jquery ?

It would be something like that:

$('#<%= ddlPerfil.ClientID %>').change(function (e) {
                e.preventDefault();
//Aqui eu marcaria o item **Visualizar**
});

Answer 1

With jQuery you can check one checkbox thus .prop('checked', true), using the value attribute $('[value="teste"]')

See example working.

$("#btn").click(function() {
    $('[value="teste"]').prop('checked', true);
});

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

<div id="btn">clicar</div>

<input type="checkbox" name="" id="teste" value="teste">

<p>vc tb pode deixar marcado direto no load, <i>"$(document).ready(function(){ "</i></p>

---

Via HTML

I don’t know if this is exactly what you need but because you don’t use the attribute checked of html? https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#checked

Take this example:

<div class="btns">
  <input type="checkbox" name="" id="">item 1<br>
  <input checked type="checkbox" name="" id="">checado<br>
  <input type="checkbox" name="" id="">item 3<br>
  <input type="checkbox" name="" id="">item 4<br>
</div>