如何使用JQuery Mobile在不可见的div页面中设置单选按钮?

前端之家收集整理的这篇文章主要介绍了如何使用JQuery Mobile在不可见的div页面中设置单选按钮?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个单独的html文件拆分成多个页面与divs.在每个页面上,我有一个单位切换无线电按钮,按下我希望非可见页面上的所有相应的单选按钮也可以切换.

我尝试使用下面的代码,它适用于可见的页面,但在尝试设置不可见的单选按钮(a2和b2)时会抛出以下错误;

错误:无法在初始化之前调用checkBoxradio上的方法;试图调用方法’刷新’

代码示例;

<fieldset data-role="controlgroup" data-type="horizontal" >
<input type="radio" align="center" name="radio-view1" id="radio-view-a1" checked="checked">
<label for="radio-view-a1">Imperial</label>
<input type="radio" name="radio-view1" id="radio-view-b1">
<label for="radio-view-b1">Metric</label>
    </fieldset>

    <!--script type="text/javascript" language="javascript">

$('#radio-view-a1').click(function(){       
    $('#radio-view-a1').attr('checked',true).checkBoxradio("refresh");
    $('#radio-view-b1').attr('checked',false).checkBoxradio("refresh");
    $('#radio-view-a2').attr('checked',true).checkBoxradio("refresh");
    $('#radio-view-b2').attr('checked',false).checkBoxradio("refresh");
    updown_toggle_units2imperial();
    });
$('#radio-view-b1').click(function(){
    $('#radio-view-a1').attr('checked',false).checkBoxradio("refresh");
    $('#radio-view-b1').attr('checked',true).checkBoxradio("refresh");
    $('#radio-view-a2').attr('checked',false).checkBoxradio("refresh");
    $('#radio-view-b2').attr('checked',true).checkBoxradio("refresh");
    updown_toggle_units2metric();
            });
   </script-->

编辑:我创建了一个小提琴演示.如果转到link,并单击带有firebug或类似激活的Metric按钮,则可以看到错误消息

任何协助,以帮助我理清如何实现所需的bevIoUr将不胜感激!

谢谢

解决方法

以下组合有效:
$("input[type='radio']").checkBoxradio();
$("input[type='radio']").checkBoxradio("refresh");

see working example here

This link帮我找到了

猜你在找的jQuery相关文章