flipswitch动态更改值jquery

Question

我想动态更改flipswitch的值，但不起作用。

<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 Mobile的和jQuery插件。

THX

Answer 1

的问题是，你的输入是一个复选框，所以你需要 '检查' 吧:)

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

FIDDLE