The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Design How to show/hide div-form field using check box.

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #260400

    I am presently working on a form and I would like to show/hide div-form field using check box. In my research I came across;

    show/hide input-form field using radio button here:

    Please I would like to apply check box instead of radio-buttin to show/hide div-form fields and not input.

    I want to create a from filed where an applicant can either upload their cv/resume
    using the check-box

    Upload form script:

    <div class="element-file" title="Click here to Upload Resume"><label class="title"></label><div class="item-cont"><label class="large"><div class="button">UPLOAD</div><div class="file_text">NO UPLOAD DETECTED</div><span class="icon-place"></span></label></div></div>


    Manual Entry:

    <div class="element-input" title="Enter your Full Name as indicated here."><label class="title"><span class="required">*</span></label><div class="item-cont"><span class="icon-place"></span></div></div>

    I want to use check-box to switch in between this two Div-form fields Using the behaviour from this sample:

    Thanks in advance for your support.


    Chris’ demo includes examples of both an input and a checkbox form field reveal, so I’m not sure what exactly you need help with – the markup and CSS is right there.

    If you create a demo of your issue in your own CodePen, using your own code we might be able to help.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘Design’ is closed to new topics and replies.