A value of '_unchecked' is always in the array

[abbott567]

I've been using the checkboxes component but when looping through values in the view, but there's always an additional one called '_unchecked'. If I turn off Javascript it doesn't happen. It seems to be getting added by the autostore.

For example, using this macro:

{{ govukCheckboxes({
  idPrefix: "test",
  name: "test",
  fieldset: {
    legend: {
      text: "Test checkboxes",
      isPageHeading: true,
      classes: "govuk-fieldset__legend--xl"
    }
  },
  items: [
    {
      value: "singleValue",
      text: "Check this single value"
    }
  ]
}) }}

and this loop in the view:

{% for items in data.test %}
    {{ item }},
{% endfor %}

Then on the page it would render: _unchecked,singleValue

govuk-prototype-kit/app/assets/javascripts/auto-store-data.js

Line 20 in 874d910

$input.attr('value', '_unchecked')

[colinrotherham]

Hi @abbott567,

Like me, you're also using <input name="parent[child]"> nested fields aren't you?
I can reproduce your issue when I do the same.

The storeData() code in ./lib/utils.js doesn't work with _unchecked here. It only removes the value at the top level, ignoring it when nested like yours.

The fix? I've patched it with the nested fields pull here: #573

One for @joelanman too?

Thanks

[abbott567]

Yeah this was exactly my issue. The PR you’ve done looks super comprehensive! 🙌

[36degrees]

I believe this was closed in #573 – please feel free to re-open if I'm wrong about that!