Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // add support for Gravity Forms Likert/Survey style radio fields
- // added support for checkboxes
- // http://www.gravityforms.com
- // http://www.rocketgenius.com/survery-style-multiple-choice-fields-with-gravity-forms/
- jQuery(document).ready(function() {
- jQuery(window).load(function() {
- if(jQuery(".gf_likert ul.gfield_radio li input").is(":checked")) {
- jQuery(".gf_likert ul.gfield_radio li input:checked").parent().addClass("mychoice");
- }
- if(jQuery(".gf_likert ul.gfield_checkbox li input").is(":checked")) {
- jQuery(".gf_likert ul.gfield_checkbox li input:checked").parent().addClass("mychoice");
- }
- });
- // add some extra classes and markup to make our likert-style radio/checkbox choices
- jQuery(".gf_likert ul.gfield_radio li:first-child").addClass("likert-first");
- jQuery(".gf_likert ul.gfield_checkbox li:first-child").addClass("likert-first");
- jQuery(".gf_likert ul.gfield_radio li:last-child").addClass("likert-last");
- jQuery(".gf_likert ul.gfield_checkbox li:last-child").addClass("likert-last");
- jQuery(".gf_likert ul.gfield_radio li input").addClass("likert-choice");
- jQuery(".gf_likert ul.gfield_checkbox li input").addClass("likert-choice");
- jQuery(".gf_likert ul.gfield_radio li label").wrap("<div class='likert-label'></div>");
- jQuery(".gf_likert ul.gfield_checkbox li label").wrap("<div class='likert-label'></div>");
- // add a hover state
- jQuery(".gf_likert ul.gfield_radio li").hover(function(){
- jQuery(this).addClass("likert-hover");
- }, function(){
- jQuery(this).removeClass("likert-hover");
- });
- jQuery(".gf_likert ul.gfield_checkbox li").hover(function(){
- jQuery(this).addClass("likert-hover");
- }, function(){
- jQuery(this).removeClass("likert-hover");
- });
- // add a selected class to the parent list item
- jQuery("ul.gfield_radio .likert-choice").change(function() {
- if(jQuery(this).is(":checked")) {
- jQuery(this).parent().parent().parent().find(".mychoice").removeClass("mychoice");
- jQuery(this).parent().addClass("mychoice");
- }
- });
- jQuery("ul.gfield_checkbox .likert-choice").change(function() {
- if(jQuery(this).is(":checked")) {
- jQuery(this).parent().addClass("mychoice");
- }
- else {
- jQuery(this).parent().removeClass("mychoice");
- }
- });
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement