Twitter bootstrap boutons radio ne fonctionne pas
J'ai eu un problème avec twitter bootstrap, javascript boutons radio. Lorsque je sélectionne un et ensuite de cliquer sur le bouton soumettre, il ne montre pas la radio sélectionnée valeur.
Mon code:
<form action="" class="form-horizontal" method="post">
<fieldset>
<div class="control-group">
<label class="control-label">Type:</label>
<div class="controls">
<div class="btn-group" data-toggle="buttons-radio">
<button type="button" data-toggle="button" name="option" value="1" class="btn btn-primary">Option One</button>
<button type="button" data-toggle="button" name="option" value="2" class="btn btn-primary">Option Two</button>
</div>
</div>
</div>
<div class="form-actions">
<input class="btn btn-primary" type="submit" value="Go">
<a href="index.php" class="btn">Back</a>
</div>
</fieldset>
</form>
Comme vous pouvez le voir, il y a un name="option" value="1"
et name="option" value="2"
mais lorsque je sélectionne une radio et je n':
<?php print_r($_POST); ?>
Il n'y a pas de option
post spécifié.
Il arrive seulement pour le twitter des boutons radio, parce que quand j'ai ajouter <input type="text" name="test" value="something"/>
, alors il apparaîtra dans la $_POST
variable.
Où est le problème?
Vous devez vous connecter pour publier un commentaire.
Le problème est
<button>
n'est pas rien quand on clique dessus. Vous aurez besoin d'avoir un champ caché, et déclencher un changement de valeur dans l'entrée lorsque vous cliquez sur le boutonDans le cas de l'amorçage de la "radio" n'affecte que l'état du bouton & comportement. Il n'a pas l'effet de la forme du comportement.
C'est un jquery alternative à la pièce ci-dessus.
Le code HTML de cette
Vous pouvez ajouter la
btn
classe de<label>
s, j'ai donc donné les résultats suivants, qui ne nécessite pas un caché d'entrée, se dégrade normalement si pas de bootstrap ou javascript et vous pouvez toujours utiliser le html helpers.L'essayer.
Mise à jour: Ils utilisent ce format aujourd'hui dans le Bootstrap 3, mais il nécessite peu différent de balisage (à savoir
data-toggle="buttons"
). Voir http://getbootstrap.com/javascript/#buttonsLe plus simple jQuery, je suis venu avec était:
Il est exceptionnel de cas d'utilisation, pour moi, il n'a pas besoin d'être robuste et flexible.
Ma réponse est basée sur https://stackoverflow.com/a/16214643/1111662 par @mcNux
De votre point de vue (j'utilise HAML mais convertir ERB si nécessaire)
De votre point de vue spécifique de javascript par exemple
pages.js.coffee
(là encore, j'utilise CoffeeScript mais convertir à la plaine de JS JQuery si nécessaire)