jqueryMobile checkbox选择后，无法取得值的问题.已解决

                 按照官方文档（jqueryMobile.1.3.0）所说，拿到关于多选按钮的代码为

            

< fieldset data-role = "controlgroup" data-type = "horizontal" data-mini = "true" >

     < legend >Checkboxes, mini, horizontal controlgroup:</ legend >

     < input type = "checkbox" name = "checkbox-6" id = "checkbox-6" >

     < label for = "checkbox-6" >b</ label >

     < input type = "checkbox" name = "checkbox-7" id = "checkbox-7" checked = "" >

     < label for = "checkbox-7" >< em >i</ em ></ label >

     < input type = "checkbox" name = "checkbox-8" id = "checkbox-8" >

     < label for = "checkbox-8" >u</ label >

</ fieldset >

/*

如上所示，通常页面，我经常用jquery.attr("checked")的属性判断是否为选中状态。可是，进过jqueryMobile的框架渲染后，这个checked的属性只是为了一个皮肤效果，并没有实际选中，可以通过chrome浏览器查看。

网上百度谷歌了一下，发现有个帖子采用，这个方法。

$( 'input[type="checkbox"]' ).bind( 'click' , function () {

$( this ).prop( 'checked' ).checkboxradio( "refresh" );  // 绑定事件及时更新checkbox的checked值

});

可能版本变化的原因，我这里显示没有checkboxradio这个属性。

 

看radio单属性的api文档，发现有val这个属性，抱着试一试的态度，果然就是它

所以解决办法就是，

可以通过添加val='on'属性，然后用$(this).val('off');进行变化，从而获得点击状态。  

*/