JSFiddle - React, Tailwind, and code Playground

by TCHdevlp

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<div>
  <input type="checkbox" id="cb1" name="[one,two]" value="cb1"/>
  <input type="checkbox" id="cb1" name="[two,two]" value="cb2"/>
  <input type="checkbox" id="cb1" name="[three,two]" value="cb3"/>
  <input type="checkbox" id="cb1" name="[four,two]" value="cb4"/>
  <input type="checkbox" id="cb1" name="[five,two]" value="cb5"/>
</div>
<div id="result">
  <input type="button" id="check_button" value="click here to see checked property"/>
</div>

JavaScript

$('#check_button').on('click', function(){
	var result = '';
	$('input:checkbox').each(function(ind, val){
  	result += 'checkbox at position '+ ind +' with name '+$(val).prop("name")+' is '+($(val).is(":checked")?'':'not ') +'checked. \n';
  });
  console.log(result);
})