hide non clickable radio buttons

  • Hi,

    first of all great plugin! Works 100% and really significantly improves the UX a lot!

    There is however one thing I was wondering how to achieve, which would furthermore improve the UX. Is there a way to hide non clickable radio buttons + the labels belonging to them?

    We have 2 different types of variations, size and voltage. One of the voltages is also available with battery, however all other sizes aren’t. The thing however is that independant of the size selected the battery option is always visible (only clickable on the right size), which sometimes confuses customers as they try to click and can’t.

    Is there a way to achieve this? I used the following css to hide the radio buttons but wasn’t able to get rid of the label belonging to the radio button, hence not a valid solution.
    input#pa_kit:disabled{display:none;}

    thanks a lot and looking forward to hearing from you.

    Best regards,

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author mantish

    (@mantish)

    you can try something like
    input:disabled + label { display:none; }

    Thread Starter tabasco86

    (@tabasco86)

    Hi Mantish,

    unfortunately that doesn’t work either for me.
    I’ve tried a couple of different combinations but haven’t come up with anything yet…
    The structure of the label is as following:
    <label><input type=”radio” name=”attribute_pa_voltagem” value=”a-pilha” id=”pa_kit” disabled=”disabled”>à pilha</label>

    If you have any other idea that would be great

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘hide non clickable radio buttons’ is closed to new replies.