Изменение динамического значения флипсвитча jquery

Question

Я хотел бы динамически менять значение флипсликса, но он не работает.

<div id="header-connection-icon"> 
    <input type="checkbox" data-mini="true" 
    data-role="flipswitch" name="flip-checkbox-1" id="flip1"> 
</div> 
<div> 
    <button id="test">change value</button> 
</div> 

$('#test').on('click', function() { 
    $('#flip1').val('on'); 
    $('#flip1').flipswitch("refresh") 
}); 

Я создал jsfiddle: JSFIDDLE

Я использую последние JQuery мобильных и JQuery плагинов.

ТНХ

Answer 1

Проблема заключается в том, что ваш вклад флажок, так что вам нужно 'Check' это :)

$('#test').on('click', function(){ 
    $('#flip1').attr('checked','checked'); 
    $('#flip1').flipswitch("refresh") 
    }); 

FIDDLE