JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" name="FirstName" value="First Name" />
<br /><br />

Checkbox: 
<select name="selectoption" id="selectoption">
  <option value="Option1" checked>Check 1</option>
  <option value="Option2">Check 2</option>
</select>

<br /><br />

<input type="checkbox" name="checkbox" value="Checkbox 1" checked> 
<input type="checkbox" name="checkbox" value="Checkbox 2"> 

<br /><br />

<input type="radio" name="radio" value="radio 1" checked> 
<input type="radio" name="radio" value="radio 2">

JavaScript

var text = $('input[name="FirstName"]').val();
console.log(text);

///

var selectVal = $("select#selectoption option:checked").val(); 
console.log(selectVal);

/////
var checkVal = $("input[type=checkbox][name=checkbox]:checked").val(); console.log(checkVal);

//// 
var radioVal = $( "input[type=radio][name=radio]:checked").val(); 
console.log(radioVal);