javascript - Radio button to switch between variables in a JS function -

i have 2 options (same api request, different urls) i'd use switch button (radio) let user choose type of results:

function apirequest() {  var mydata = document.getelementbyid('userinput').value; var userapi = document.getelementbyid('userapi').value;  var userurl = document.getelementbyid('userurl').value;    $.post(   myurl,     json.stringify({       'api_key': userapi,       'data': mydata,     })).then(function(sent) {        var s = sent       var obj = json.parse(s)       $('.score').text("score : " + obj.results*100)       }); } 

html

<input class="search-field" type="text" placeholder="i love writing code!" id="userinput">  <input class="search-field" type="text" placeholder="1234567890" id="userapi">     <div class="material-switch pull-right" style="padding-left: 25px">      <input id="userurl" name="hq" type="checkbox"/>      <label for="userurl" class="label-success"></label>   </div>  <button class="search" onclick="apirequest()">try it</button> 

should use this?

if userurl == true     myurl = 'xxxxxxxxx'     $.post(do.stuff)  else     myurl = '+++++++++'     $.post(do.stuff) 

yes exactly, similar pointed out in question.

your html radio buttons choosing url this:

<input type="radio" id="api-url-1" name="api-url" value="my-api-url-1"> <input type="radio" id="api-url-2" name="api-url" value="my-api-url-2"> 

get value of checked input:

var radios = document.getelementsbyname('api-url'); var chosenurl; (var = 0, length = radios.length; < length; i++) {     if (radios[i].checked) {         chosenurl = radios[i].value;         // can break because 1 radio can selected         break;     } } 

p.s. using jquery block replaced simply:

var chosenurl = $('input[name="api-url"]:checked').val(); 

then start request dynamic url:

$.post(   chosenurl,     json.stringify({       'api_key': userapi,       'data': mydata,     })).then(function(sent) {        var s = sent       var obj = json.parse(s)       $('.score').text("score : " + obj.results*100)       }); } 

snippet example:

function trigger() {    var chosenurl = $('input[name="api-url"]:checked').val();    alert(chosenurl);  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <input type="radio" id="api-url-1" name="api-url" value="my-api-url-1">api url 1  <input type="radio" id="api-url-2" name="api-url" value="my-api-url-2">api url 2  <button onclick="trigger()">trigger</button>