动态更改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

问题是您的输入是一个复选框，因此您需要检查＆＃39;它：）

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

FIDDLE