jQuery で、checkbox や、radio を操作した時

jQuery で、checkbox や、radio を操作した時に、refresh を実行しないと画面表示は更されないので注意する。

例）

<fieldset data-role="controlgroup">

   <input type="radio" name="color" id="red"   value="#ff0000"/>
   <label for="red">Red</label>

   <input type="radio" name="color" id="green" value="#00ff00"/>
   <label for="green">Green</label>

   <input type="radio" name="color" id="blue"  value="#0000ff"/>
   <label for="blue">Blue</label>

</fieldset>

のような radio が、存在した時の off にする

   $("input[name='color']").attr("checked",false).checkboxradio("refresh");

jQuery mobile の Collapsible イベントをハンドルする　http://blog.zaq.ne.jp/oboe2uran/article/690/
で始まって、、、

http://blog.zaq.ne.jp/oboe2uran/article/692/

http://blog.zaq.ne.jp/oboe2uran/article/693/

http://blog.zaq.ne.jp/oboe2uran/article/694/

と書いて、最終的に、 yipuran-js-1.0.0.zip
　　
に、JavaScript をまとめていたのだが、

checkbox , radio を off （未選択）にする操作をした時、Collapsible イベントに対応する場合、
この yipuran-js-1.0.0.zip を展開した中の collapsible-util.js にある collapTitle 関数を呼んだ時に
用意する changeFlags の checkbox , radio に連想配列を off にしないと Collapsible のタイトルが
未入力にならない。。

例）省略して書いてるが、、、

// collapTitle関数をイベントに関連付け
var changeFlags = {};
var orignalValue = {};
var fieldAry = ['user','passwd',['red1','green1','blue1'],'note1'];
$('#userinfo').bind('expand',function(){
   collapTitle('title','未入力','入力有り',fieldAry,changeFlags,orignalValues);
}).bind('collapse', function () {
   collapTitle('title','未入力','入力有り',fieldAry,changeFlags,orignalValues);
});
// リセットする関数
function resetChecked(){
   $("input[name='color']").attr("checked",false).checkboxradio("refresh");
   changeFlags1['color'] = false;
}