JSFiddle - React, Tailwind, and code Playground

HTML

<form id="urlForm">
   <div id="bounds">
      <label><input type="radio" name="toggle" id="key1" value="on"><span>On</span></label>
      <label><input type="radio" name="toggle" id="key2" value="off"><span>Off</span></label>
   </div>
    <input type="submit">
</form>

JavaScript

$(document).ready(function() {
    $('#urlForm').submit( function() {                        
        goUrl = '/?constraint=' + $('input[name="toggle"]:checked').val();    
        console.log(goUrl);      
        window.location = goUrl;          
        return false;  // Prevent the default form behaviour     
    });
});