JSFiddle - React, Tailwind, and code Playground

by victorrseloy

HTML

<div>
aluno 1<input type="checkbox" name="1030001" value="jose|[email protected]"><br/>
aluno 2<input type="checkbox" name="1030001" value="jose4|[email protected]"><br/>
aluno 3<input type="checkbox" name="1030001" value="jose3|[email protected]"><br/>
aluno 4<input type="checkbox" name="3030001" value="jose4|[email protected]"><br/>
<br/>
<br/>
<a href="#" onclick="email(this)">Enviar Email</a>
</div>

<hr/>

<div>
aluno 1<input type="checkbox" name="1030001" value="jxxxose|[email protected]"><br/>
aluno 2<input type="checkbox" name="1030001" value="jxxxose4|[email protected]"><br/>
aluno 3<input type="checkbox" name="1030001" value="joxxxse3|[email protected]"><br/>
aluno 4<input type="checkbox" name="1030001" value="josexxx4|[email protected]"><br/>
<br/>
<br/>
<a href="#" onclick="teste(1)" >Enviar Email</a>
</div>

JavaScript

$(function(){
   alert("regsitrando");
   $("a").click(function email(){
       var div = $(this).closest("div");
       var alunos = $("input:checked[name='1030001']" ,div)
           alunos.each(function(){
               alert($(this).val());        
           });
   });
});