JSFiddle - React, Tailwind, and code Playground

HTML

<input class="somename" type="checkbox" id="cb1" value="100" name="cb1" > CB1 <br>
<input class="somename" type="checkbox" id="cb2" value="200" name="cb2"> CB2 <br>
<input class="somename" type="radio" id="rd1" value="500" name="rdo"> rdo1 <br>
<input class="somename" type="radio" id="rd2" value="500" name="rdo"> rdo2<br><input type="button" id="finalClick" value="click here after checking the required boxes">

<td><input type="checkbox"class="somename"name="edittermsetup"value="53:4" >Edit Terminal Setup</td>
<input type="text" id="test" />

JavaScript

var test = document.getElementById('test').value; 
$('#finalClick').bind("click",function(e){
   var list="";
   
    $(".somename").each(function(e){
   if($(this).is(':checked'))
       list = list + $(this).attr('name')+"&";
    });
   test=list;
   $("input:text").val("Glenn Quagmire");
    alert(test);
});