Yes or no toggle or slider

Question

I am trying to find a slider or a toggle for my application that allows the user to select yes or no and its harder then i thought to track one down...

I found this slider but its 1 or 2 numeric and not yes or no text...any suggestions

Maybe style a checkbox?... something like this: http://widowmaker.kiev.ua/checkbox/ — Mottie, Oct 11 '10 at 13:32

score 4 · Accepted Answer · answered Oct 11 '10 at 02:23

4

we could edit it to have something like this,

$(function() {
    $("#slider-range-max").slider({
        range: "max",
        min: 0,
        max: 1,
        value: 0,
        slide: function(event, ui) {
            $("#amount").val(ui.value?'Yes':'No');
        }
    });
    $("#amount").val($("#slider-range-max").slider("value")?'Yes':'No');
});

crazy demo

answered Oct 11 '10 at 02:23

Reigel Gallarde

64,198
21
121
139

4

How do you make the demo "go both ways?" xD – Cryo Oct 11 '10 at 02:26
1

He means you need a third setting in the middle for Bi – Explosion Pills Oct 11 '10 at 02:33
@Matt - look at Theming tab in [jqueryui slider](http://jqueryui.com/demos/slider/) – Reigel Gallarde Oct 11 '10 at 02:37
@Reigel - Hahaha. Excellent. – Cryo Oct 11 '10 at 15:33

Yes or no toggle or slider

1 Answers1

crazy demo

Linked