Unable to pull radio value in form submission

Hi there,

I’m having some trouble pulling the selected radio value in my contact form. All of the other fields within the form are pulling data correctly. I’ve tried changing the “name” attribute on the input fields and adding a “for” attribute on the legend tag, neither of which worked. Not sure if any of the extra div’s are interfering with the parser

Site can be accessed here. The contact form is revealed by clicking the Contact button in the navigation.

Any insights that you can provide would be greatly appreciated.

    <div className="field">
      <fieldset>
        <legend className="label">How can we help?</legend>
        <div className="flex flex-col mt-2 mb-1">
          <label className="relative pl-8 mb-2 cursor-pointer">
            <input
              type="radio" 
              name="how-can-we-help" 
              value="Commercial Insurance"
              required={true}
            />
            Commercial Insurance
            <span className="radio-checkmark"></span>
          </label>
          <label className="relative pl-8 mb-2 cursor-pointer">
            <input
              type="radio"
              name="how-can-we-help" 
              value="Personal Insurance"
            />
            Personal Insurance
            <span className="radio-checkmark"></span>
          </label>
          <label className="relative pl-8 mb-2 cursor-pointer">
            <input
              type="radio" 
              name="how-can-we-help" 
              value="Other"
            /> 
            Other
            <span className="radio-checkmark"></span>
          </label>
        </div>
      </fieldset>
    </div>

hmm, is this helpful?

1 Like