Как получить выбранное значение с помощью переключателя или переключателя с переключателем

Question

<div class="table-thing with-label widget uib_w_114 d-margins" data-uib="app_framework/flip_switch" data-ver="1"> 
    <label class="narrow-control label-inline">Notifications</label> 
    <div class="wide-control"> 
     <input type="checkbox" class="toggle" id="af-flipswitch-1" name="af-flipswitch-1" checked="checked"> 
     <label for="af-flipswitch-1" data-off="Off" data-on="On"> 
      <span></span> 
     </label> 
    </div> 
</div> 

Я не уверен, как получить значение с помощью переключателя (Вкл. Или Выкл.) И назначить переменной javascript.

Edit: выше код из App Designer (Intel XDK)

Чтобы использовать значение,

if ($('#af-flipswitch-1').is(":checked")) 
      { 
    console.log("On"); 
     } else { 
      console.log("Off"); 
      } 

Answer 1

флип переключатель HTML код

<label for="flip-1">Flip switch:</label> 
<select name="flip-1" id="flip-1" data-role="slider"> 
    <option value="off">Off</option> 
    <option value="on">On</option> 
</select> 

<button id="submit">Submit</button> 

Jquery код

$(document).delegate("#submit", "tap", function() { 
    alert($("#flip-1").val()); 
}); 

Click to Demo