JSFiddle - React, Tailwind, and code Playground

by Buleria28

HTML

<form>
  <div>
    <label>
      <input type="checkbox" name="style" value="classical" onchange="add()">Classical</label>
    <label>
      <input type="checkbox" name="style" value="Rock" onchange="add()">Rock</label>
    <label>
      <input type="checkbox" name="style" value="Jazz" onchange="add()">Jazz</label>
    <label>
      <input type="checkbox" name="style" value="Folk" onchange="add()">Folk</label>
  </div>
</form>

JavaScript

var interest = {
	styles: "",
};

function add(){
	var sbox = document.getElementsByName("style");
	for (var i=0; i<sbox.length; i++){
		if (sbox[i].checked == true){
		interest.styles = sbox.value;	
		}
	}
}