动态改变翻转开关的值 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