Mam pojedynczy plik html podzielony na wiele stron za pomocą div. Na każdej stronie mam jednostki przełączające przycisk radiowy, który po naciśnięciu chciałbym, aby wszystkie odpowiednie przyciski radiowe na niewidocznych stronach również się przełączały.

Próbowałem z poniższym kodem, który działa dobrze dla strony widocznej, ale zgłasza następujący błąd, gdy próbuje ustawić niewidoczny przycisk radiowy (a2 i b2);

Błąd: nie można wywołać metod na checkboxradio przed inicjalizacją; próbował wywołać metodę „odśwież”

Przykład kodu;

    <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-->

Edytuj: Stworzyłem Fiddle, aby to pokazać. Jeśli pójdziesz dopołączyći kliknij przycisk Metryka z aktywowanym firebug lub podobnym, zobaczysz komunikat o błędzie

Jakakolwiek pomoc, która pomoże mi ustalić, jak osiągnąć pożądany styl życia, byłaby bardzo mile widziana!

Dzięki