JSFiddle - React, Tailwind, and code Playground

by borayeris

HTML

<p>Max 2 Gruptan seçilebilir</p>
 <div class="grup">
   <p><strong>Grup 1</strong></p>
   <input type="checkbox" class="grup1" name="grup1" value="1">1<br>
   <input type="checkbox" class="grup1" name="grup1" value="2">2<br>
   <input type="checkbox" class="grup1" name="grup1" value="3">3<br>
</div>
 <div class="grup">
   <p><strong>Grup 2</strong></p>
   <input type="checkbox" class="grup1" name="grup2" value="a">a<br>
   <input type="checkbox" class="grup1" name="grup2" value="b">b<br>
   <input type="checkbox" class="grup1" name="grup2" value="c">c<br>
</div>
 <div class="grup">
   <p><strong>Grup 3</strong></p>
   <input type="checkbox" class="grup1" name="grup3" value="?">?<br>
   <input type="checkbox" class="grup1" name="grup3" value="!">!<br>
   <input type="checkbox" class="grupm" name="grup3" value="&">&<br>
</div>
 <div class="grup">
   <p><strong>Grup 4</strong></p>
   <input type="checkbox" name="grup4" value="A">A<br>
   <input type="checkbox" name="grup4" value="B">B<br>
   <input type="checkbox" name="grup4" value="C">C<br>
</div>

JavaScript

$(function(){
    
});