Jquery Mobilfunkknöpfe reagieren nicht auf Änderung

Question

Keine meiner Funktionen funktioniert, nur wenn ich die Radio-Button-Klassen lösche kann ich eine Reaktion von den Radio-Buttons bekommen.

Ich habe alle diese versucht, und einige mehr, konnte nicht alle hinzufügen, weil "zu viel Code".

 //$('input:radio[name="jobber"]').change(
    // function() { 
    //  refreshDisplay(); 
    // }); 

    //$("input[name='jobber']").on("change", function() { 
    // refreshDisplay(); 
    //}); 

    //$(document).on('change', 'input:radio[name="jobber"]', function() { 
    // alert("Changed!"); 
    //}); 

HTML:

<form> 
     <fieldset data-role="controlgroup" data-type="horizontal"> 
      <input type="radio" name="jobber" id="radioPaagaaende" value="on" checked="checked"> 
      <label for="radioPaagaaende">Pågående jobber</label> 
      <input type="radio" name="jobber" id="radioFullfort" value="off"> 
      <label for="radioFullfort">Fullførte jobber</label> 
     </fieldset> 
    </form> 

Um meine Antwort This doesn't work

zu aktualisieren Wenn ich eine Klasse, um den Radioknopf entfernen und es so aussehen: This works

es dann funktioniert, aber offensichtlich möchte ich das Aussehen des ersten Bildes.

Verwaltete IT anzuschalten:

<form> 
     <fieldset data-role="controlgroup" data-type="horizontal"> 
      <input type="radio" name="jobber" id="radioPaagaaende" value="on" onchange="myfunction();" checked="checked"> 
      <label for="radioPaagaaende">Pågående jobber</label> 
      <input type="radio" name="jobber" id="radioFullfort" onchange="myfunction();" value="off"> 
      <label for="radioFullfort">Fullførte jobber</label> 
     </fieldset> 
    </form> 

die JS:

 window.myfunction = function() { 
     alert("hellooo"); 
    } 

Answer 1

Sie müssen sich mit each()Each on jQuery

Created a JSFiddle for you