Get ID of the clicked element

Question

Get ID of the clicked element

Navigation

#1 by (3 votes)

1

I have a DIV and this DIV has some checkbox with ID and I want to know how I get the id of the clicked checkbox.

<div>
    <input type="checkbox" id="0" value="false" name="ckb0">
    <label for="0">TESTE</label>
</div>
<div>
    <input type="checkbox" id="1" value="false" name="ckb1">
    <label for="1">Posso escolher essa</label>
</div>
<div>
    <input type="checkbox" id="2" value="false" name="ckb2">
    <label for="2">Essa também</label>
</div>
<div>
    <input type="checkbox" id="3" value="false" name="ckb3">
    <label for="3">E essa</label>
</div>
<div>
    <input type="checkbox" id="4" value="false" name="ckb4">
    <label for="4">este tambem</label>
</div>

jquery

asked by anonymous 13.03.2018 / 16:39

1 answer

Problem with background and linear-gradient How to put the 3 buttons at the bottom of the screen?

score 3 · Accepted Answer

Create a event handler and use $(this).attr("id") . The code below will get the clicks on all checkbox within div #resposta :

$(document).ready(function(){
   $("#resposta").find("input[type='checkbox']").click(function(){
      console.log($(this).attr("id"));
   });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><divid="resposta" class="box-resposta">
   <div>
      <input type="checkbox" id="0" value="false" name="ckb0">
      <label for="0">TESTE</label>
   </div>
   <div>
      <input type="checkbox" id="1" value="false" name="ckb1">
      <label for="1">Posso escolher essa</label>
   </div>
   <div>
      <input type="checkbox" id="2" value="false" name="ckb2">
      <label for="2">Essa também</label>
   </div>
   <div>
      <input type="checkbox" id="3" value="false" name="ckb3">
      <label for="3">E essa</label>
   </div>
   <div>
      <input type="checkbox" id="4" value="false" name="ckb4">
      <label for="4">este tambem</label>
   </div>
</div>

jQuery Documentation:

.attr () function
.Find () function.