Les cases à cocher refusent manifestement de soumettre des informations sur le clic-HELP

Question

Salut, c'est mon deuxième article (et la deuxième semaine de programmation, jamais) alors excuses à l'avance.

J'ai une liste de cases à cocher qui représentent différents filtres de recherche que je veux passer aux paramètres. Par exemple, s'il s'agissait d'une recherche de restaurant, je voudrais que mes utilisateurs puissent cocher les différents types de cuisine qui les intéressent. Tout comme Yelp.

Tout ce que je veux faire est d'envoyer les nouveaux paramètres chaque fois que quelqu'un clique sur une option. Je ne me soucie pas d'AJAX en ce moment (je franchirai ce pont quand j'y viendrai). Puis-je le faire avec un objet observe_form même si je n'utilise pas AJAX?

Puis-je utiliser javascript? J'ai vu des choses sur les "gestionnaires d'événements" mais je n'ai aucune idée de ce que sont ces derniers. Je déteste abandonner et demander mais je travaille maintenant depuis 19 heures et je ne peux plus gérer. Merci!

CODE: (MISE À JOUR DE TYPO)

 <div id="cuisine_form_div"> 
    <% form_tag(hotels_path, :method => "GET", :id => :cuisine_form) do %> 
    <%= check_box_tag('my_cuisine[]', 'Mexican', :onclick => "document.cuisine_form.submit();") %> 
    <%= label_tag(:my_cuisine, "Mexican", :onclick => "document.cuisine_form.submit();") %> 
    <%= check_box_tag('my_cuisine[]', 'Delis') %> 
    <%= label_tag(:my_cuisine, "Delis") %> 
    <%= submit_tag 'update' %> 
    <% end %> 
    </div><!--end.id="cuisine_form_div"--> 

---

Notez que chaque fois que j'insère le javascript comme ci-dessus, il précontrôles la case à l'écran, mais ne présente pas d'information à l'URL. Si je clique sur le bouton soumettre, tout fonctionne bien, mais "onclick" je ne peux pas obtenir l'URL pour bouger.

Answer 1

Je pense que ce que vous voulez faire est à chaque clic que vous aurez besoin de tester l'état «coché» de la case à cocher. À ce stade, vous devrez lire ce qui est vérifié à partir de l'attribut ID ou VALUE. Vous pouvez ensuite alerter() la valeur à déboguer ou utiliser console.log si vous utilisez des outils Firebug ou Developer dans Chrome.

De même, vous voudrez écrire une fonction à mettre dans votre événement onClick au lieu d'essayer d'écrire la logique dans l'événement.

départ par la simple création d'une fonction telle que

function clickCheckbox { 
    /* paste your existing onClick logic */ 
} 

et le modifier à partir de là ...

Si vous avez besoin syntaxe exacte laissez-moi savoir.

Je recommande d'utiliser jQuery. Ajoutez la bibliothèque jQuery à votre balise principale sur toutes vos pages. Cela permet des fonctions plus faciles à utiliser pour AJAX et les choses.

Vous pouvez faire:

$('#CheckboxID').click(function() { 
    if($(this).attr('checked')) { 
     $(this).attr('checked',false); 
    } else { 
     $(this).attr('checked',true); 
    } 
}); 

Answer 2

Beaucoup d'erreurs, mais maintenant il travaille dans mon application de test!:)

Ces points ont été absents/cassé

• formulaire doit id afin de le trouver en Javascript
• check_box_tag a besoin d'un troisième paramètre pour définir l'état sélectionné (et quatrième (votre troisième) est d'ajouter code HTML)
• Utilisez onchange, donc il n'a pas d'importance si l'utilisateur clique sur la case à cocher ou sur l'étiquette
• Ajouter id correct case, alors que l'étiquette est attachée à ce
• étiquette Fix selon les mises à jour/correctifs précédents

La forme résultante devient plus comme ceci:

<% form_tag(cuisine_path, :method => "GET", :id => :cuisine_form, :name => :cuisine_form) do %> 
    <%= check_box_tag('my_cuisine[]', 'Mexican', true, { :id => :cuisine_mexican, :onchange => "document.cuisine_form.submit();" }) %> 
    <%= label_tag(:cuisine_mexican, "Mexican") %> 
    <%= check_box_tag('my_cuisine[]', 'Delis', false, { :id => :cuisine_delis, :onchange => "document.cuisine_form.submit();" }) %> 
    <%= label_tag(:cuisine_delis, "Delis") %> 
    <%= submit_tag 'update' %> 
<% end %>