Checkbox default status=selected...bug?

Hi,

I am experiencing what I think is a bug.

Since there's no 'select all' functionality for checkboxes yet, I have created two checkbox groups with identical values.
One group has all the values selected by default.

I have created a separate checkbox called 'select all'. I hide the unselected group of checkboxes if the 'select all' checkbox is checked in which case I show the group with all values selected by default and vice versa.

The strange thing is that when I toggle the 'select all' box, the first time it works correctly, all values are checked. The second time around the two last values in the list are NOT checked and the rest of the values in the group are. When I add two more values to the checkbox group, the rest of the values are checked but the two latest added boxes aren't!

If this is in fact a bug and how do I fix it? I really need this to work.

Looks like it starts occurring from ten or more checkbox values. When I use nine values it doesn't happen.
10 values: 1 box loses the checked status
20 values: 2 boxes lose the checked status
40 values: 4 boxes lose te checked status
etc...

Thanks, but I don't think this issue is related other than something's going wrong with the tenth checkbox :)

In my case every tenth checkbox loses its default selected state when used in combination with conditional logic.

I have e-mailed you my export of the form.

Thanks for helping out!

Hi Chris,

Thank you. This worked instantly, great!
Like you mentioned I need a way to select individual groups of checkboxes. Since I am not familiar with jquery (and I have a little trouble understanding the syntax) can you show me how to do this?

I also still need to be able to use the built in css classes to devide my boxes for instance into 3 or 4 columns.

Also, once you have used the button to select all the boxes, I need a way to toggle the status of the button back from 'unselect all' to 'select all' once you decide to manually uncheck one of the boxes in the group.

Thanks a lot so far!

While searching Google I found this code:

http://viralpatel.net/blogs/multiple-checkbox-select-deselect-jquery-tutorial-example/

This seems to do exactly what I need, but I can't get it to work with Gravity Forms...

Ok, I think I got it working.

First I created the select all checkbox with an HTML block as you suggested

<input type="checkbox" id="selectall" value="Select All" />

Then I used this code in the javascript file
(change the input numbers so they match your form inputs)

var $j = jQuery.noConflict();

$j(document).ready(function(){

    // add multiple select / deselect functionality
    $j("#selectall").click(function () {
          $j("input[name^='input_3.']").attr('checked', this.checked);
    })

    // if all checkbox are selected, check the selectall checkbox
    // and viceversa
    $j("input[name^='input_3.']").click(function(){

        if($j("input[name^='input_3.']").length == $j("input[name^='input_3.']:checked").length) {
            $j("#selectall").attr("checked", "checked");
        } else {
            $j("#selectall").removeAttr("checked");
        }

    })
})

In the theme funtions.php file I only changed my form number.

Cheers!

yes, it's working for each individual set of checkboxes now as well.