Bootstrap Bouton Radio Du Groupe Valeur Par Défaut (Case Attribut) Ne Fonctionne Pas

Après d'innombrables heures de recherche, je suis toujours abasourdi sur la façon d'obtenir l'objet d'attribut de travail pour le bouton radio groupes de Bootstrap. Je suis en train de défaut "Excellente".

Même si je sais pour sûr, l'entrée radio sont checked et pas selected, j'ai même essayé de selected et rien ne fonctionne.

<div class="btn-group" data-toggle="buttons">
    <label class="btn btn-default">
        <input type="radio" name="inputWalls" id="inputWalls" value="Excellent" checked>
    Excellent </label>
    <label class="btn btn-default">
        <input type="radio" name="inputWalls" id="inputWalls" value="Good">
    Good </label>
    <label class="btn btn-default">
        <input type="radio" name="inputWalls" id="inputWalls" value="Poor">
    Poor </label>
</div>

Si une clarification est nécessaire, s'il vous plaît laissez-moi savoir.

InformationsquelleAutor | 2013-08-20
  1. 26

    Dans twitter bootstrap, vous indiquera la valeur par défaut à l'aide de la "actif" de la classe.
    Donc, pour ton exemple, si vous utilisez Twitter Bootstrap, le code suivant va utiliser Excellent comme cochée par défaut.

    <div class="btn-group" data-toggle="buttons">
    <label class="btn btn-default **active**">
        <input type="radio" name="inputWalls" id="inputWalls" value="Excellent" checked>
    Excellent </label>
    <label class="btn btn-default">
        <input type="radio" name="inputWalls" id="inputWalls" value="Good">
    Good </label>
    <label class="btn btn-default">
        <input type="radio" name="inputWalls" id="inputWalls" value="Poor">
    Poor </label>
</div>

    Lorsque vous mettez sur les boutons, vous ajoutez/supprimez la classe "active" de l'étiquette de la classe.

    Pour un exemple, vérifiez - http://getbootstrap.com/javascript/#buttons - Radio

    • Il semble que lors de la data-toggle="boutons" est utilisé, les boutons radio' le statut vérifié de ne plus s'est mis à jour lorsque le bouton radio est sélectionné. Est-ce un bug, une fonction de votre choix? Si cela est souhaité, puis comment dire le backend bouton-radio est coché?
    InformationsquelleAutor TechnoBlahble
  2. 0

    Ressemble à la question et la réponse en utilisant bootstrap 3.0. J'ai eu la même question, mais avec bootstrap 2.3.

    <div class="btn-group" data-toggle="buttons-radio">
    <button class="btn active"> Option 1</button>
    <button class="btn"> Option 2</button>
    <button class="btn"> Option 3</button>
</div>
    InformationsquelleAutor Nathan Reese
  3. -2

    Deux choses:

    1. Vous devez utiliser des Identifiants différents pour chacun de vos <input> éléments -- ils sont censés être l'unique!
    2. Ton exemple fonctionne pour moi! Check it out à JSFiddle!
    • Je suis en utilisant les boutons: i2.minus.com/iAOC5Nv1KlDa3.png Cela ne fonctionne toujours pas.
    • Bootstrap boutons sont conçus pour être utilisés avec des boutons, non pas comme une commande segmentée. Dans votre capture d'écran, vous êtes en masquant la véritable entrées. Par défaut bootstrap comportement de est ici. Afin de l'obtenir pour fonctionner, vous aurez besoin de JavaScript ou de certains compliqué CSS. La méthode JS est plus facile, et n'est écrit ici.
    InformationsquelleAutor tangphillip