Open menu

Show input field on radio select

iamrobert
Topic Author
Offline
Platinum Member

2 years 6 months ago - 2 years 6 months ago #80840 by iamrobert

Show input field on radio select was created by iamrobert

I wanted a way when admins click "other", then the hidden field would show ('Other Job Title'):

YOUTUBE DEMO:

I applied the following code in my FLEXIcontent Type Item Form:

Code:

//HIDE OTHER JOB FIELD
   
$('#label_outer_fcfield_101, #container_fcfield_101').hide();

    //RADIO FIELDS NAME
   $('input[name="custom[job_title][0]"]').change(    function() {      
       
    //RADIO OTHER VALUE 
    if (this.checked && this.value == 'other') {      
        $('#label_outer_fcfield_101, #container_fcfield_101').show();     
    }
    else {      
        $('#label_outer_fcfield_101, #container_fcfield_101').hide();      
        $('#container_fcfield_101 input').val('');     
    }    
});

//ON OPEN/LOAD
if ($('input[name="custom[job_title][0]"]').is(':checked') == true) {  
    $('#label_outer_fcfield_101, #container_fcfield_101').show(); 
}

Cheers

Robert Stark

Last edit: 2 years 6 months ago by iamrobert.

Please Log in or Create an account to join the conversation.

micker
Offline
Administrator

2 years 6 months ago #80842 by micker

Replied by micker on topic Show input field on radio select

Yes its very cool to share tour tips
Can you put it in tutorial part (or i Can do it)
Did you test master field fonction ? As i known it hide child field if nothing IS selected

FLEXIcontent is Free but involves a very big effort on our part.
Like the our support? (for a bug-free FC, despite being huge extension) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing reviews. Thanks![/size]

Please Log in or Create an account to join the conversation.

iamrobert
Topic Author
Offline
Platinum Member

2 years 6 months ago - 2 years 6 months ago #80843 by iamrobert

Replied by iamrobert on topic Show input field on radio select

I think the master field only works with more radios or selects - not inputs. Or did I miss something?

Last edit: 2 years 6 months ago by iamrobert.

Please Log in or Create an account to join the conversation.

iamrobert
Topic Author
Offline
Platinum Member

2 years 6 months ago - 2 years 6 months ago #80848 by iamrobert

Replied by iamrobert on topic Show input field on radio select

Hi Micker,

Use this tutorial code if possible - it shows how I used the code in my template:
gist.github.com/iamrobert/013415dfdfad47fd53e39d7efe3e09ff

I tried to paste the code but the front editor kills me:

What its supposed to look like:

Last edit: 2 years 6 months ago by iamrobert.

Please Log in or Create an account to join the conversation.

iamrobert
Topic Author
Offline
Platinum Member

2 years 6 months ago - 2 years 6 months ago #80849 by iamrobert

Replied by iamrobert on topic Show input field on radio select

Actually - the onload code should be this:

Code:

//ONLOAD - choose the unique other value
if ($('input#custom_job_title_0_2').is(':checked') == true) { 
    $('#label_outer_fcfield_101, #container_fcfield_101').show(); 
}

or

if ($('.fcfieldval_container_70 input[value="other"]').is(':checked') == true) {  
           $('.control-group#id-101').show();    
}

Last edit: 2 years 6 months ago by iamrobert.

Please Log in or Create an account to join the conversation.