3. jQuery mobileでcheckbox, radio ボタンを操作する

jQuery mobile でcheckbox, radio ボタンを操作するには、通常の jQuery や javascript のソースではうまく動きません。対応方法を下記に示します。

なお、このソースを実行した環境は下記の通りです。
jQuery mobile バージョン 1.4.5
jQuery v1.11.3

jQuery mobile: https://jquerymobile.com/
jQuery: https://jquery.com/
※ リソース http://demos.jquerymobile.com/1.4.5/forms/ の下部


(1) チェックボックス

$( "input[type='checkbox']" ).prop( "checked", true ).checkboxradio( "refresh" );


(2) ラジオボタン

$( "input[type='radio']" ).prop( "checked", true ).checkboxradio( "refresh" );


(3) flip switch

var myswitch = $( "#selectbar" );
myswitch[ 0 ].selectedIndex = 1;
myswitch.slider( "refresh" );