javascript - How to get selected value from a Flip Switch or Toggle Switch - Stack Overflow

admin管理员组

文章数量:1325233

<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>

I am not sure how to get the value from the flip switch (On or Off) and assign to a javascript variable.

Edit: The above code is from App Designer (Intel XDK)

To get the value use,

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

<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>

I am not sure how to get the value from the flip switch (On or Off) and assign to a javascript variable.

Edit: The above code is from App Designer (Intel XDK)

To get the value use,

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

• javascript
• jquery
• html
• intel-xdk
• appframework

Share Improve this question Follow edited Feb 11, 2015 at 11:44 Vijay Rajasekaran asked Feb 11, 2015 at 10:11 Vijay RajasekaranVijay Rajasekaran 61311 gold badge99 silver badges1818 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 3

flip switch html code

<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 code

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

Click to Demo

本文标签： javascriptHow to get selected value from a Flip Switch or Toggle SwitchStack Overflow