jquery - 动态更改flipswitch 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 mobile 和 jquery 插件。

谢谢

Answer 1

问题是您的输入是一个复选框，因此您需要“检查”它:)

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

小提琴