JSFiddle - React, Tailwind, and code Playground

by Ismail Ibraheem Shurrab

HTML

<input type="checkbox" id="CheckAll"/> تحديد الكل  <br/>

<input type="checkbox" name="q" value="sport" class="Check"/> رياضة  <br/>
<input type="checkbox" name="q" value="swim" class="Check"/> سباحة  <br/>
<input type="checkbox" name="q" value="reading" class="Check"/> قراءة   <br/>
<input type="checkbox" name="q" value="writing" class="Check"/> كتابة

JavaScript

var arr = new Array(); 
$("#CheckAll").click(function(){
    
//$(".Check").prop("checked",$(this).prop("checked"));
    
    $(".Check:checked").each(function(i,v){
        alert($(".Check").length);
        arr.push($(this).val());
        
    });  
    
            alert(arr);

    
    if($(this).is(":checked"))
        alert("yes");
    else
        alert("no");
    alert($("input[name='q'").val());
     
});