Utilisation de boutons radio pour le contrôle des onglets à l'aide du bootstrap

Je suis en train d'onglets de contrôle avec les boutons pour changer d'une zone de contenu pour un écran de planification. Cela fonctionne bien autres que les boutons radio ne cochez pas la case.

Quelqu'un a des idées de comment résoudre ce problème?

<div>
    <div>
        <input id="optDaily" name="intervaltype" checked type="radio" data-target="#scheduleDaily" data-toggle="tab">
        <label for="optDaily">Daily</label>
    </div>
    <div>
        <input id="optWeekly" name="intervaltype" type="radio" data-target="#scheduleWeekly" data-toggle="tab">
        <label for="optWeekly">Weekly</label>
    </div>
    <div>
        <input id="optMonthly" name="intervaltype" type="radio" data-target="#scheduleMonthly" data-toggle="tab">
        <label for="optMonthly">Monthly</label>
    </div>
</div>

<div class="tab-content">
    <div id="scheduleDaily" class="tab-pane active schedule-pane" >
        Daily
    </div>

    <div id="scheduleWeekly" class="tab-pane schedule-pane" >
        Weekly
    </div>

    <div id="scheduleMonthly" class="tab-pane schedule-pane" >
        Montly
    </div>
</div>

Voici l'exemple en jsfiddle http://jsfiddle.net/nEWMq/

source d'informationauteur Dreamwalker