jQM 1.4 show/hide on radio check

by Erik Zanker

HTML

<div data-role="page" id="page1">
    <div data-role="header">
         <h1>My page</h1> 
    </div>
    <div role="main" class="ui-content">
        <fieldset id="NumTel" data-role="controlgroup">
            <input type="radio" name="radio_choice_v_6" id="radio-choice-v-6a" value="on" checked="checked" />
            <label for="radio-choice-v-6a">Choice One</label>
            <input type="radio" name="radio_choice_v_6" id="radio-choice-v-6b" value="off" />
            <label for="radio-choice-v-6b">Choice Two</label>
            <input type="radio" name="radio_choice_v_6" id="radio-choice-v-6c" value="numero" />
            <label for="radio-choice-v-6c">Appelez-moi sur ce numéro :</label>
        </fieldset>
        <div id="labelAutreNumero">
            <input name="autrenumero" id="autrenumero" type="number" value="" placeholder="Numéro" data-mini="true" data-clear-btn="true" />
        </div>
    </div>
</div>

JavaScript

$(document).on("pagecreate", "#page1", function(){
    $("#labelAutreNumero").hide();
    
    $("input[name='radio_choice_v_6']").on("change", function() {
        if ($("input[name='radio_choice_v_6']:checked").val() == 'numero')
            $("#labelAutreNumero").show();
        else
            $("#labelAutreNumero").hide();
    });
});