fields to show or hide the function of radio button

Hi, in my form there are two radio buttons available. one is for 'Yes' and other is for the 'no '. There is also another 6 available and that all fields 6 fields are hidden by default.  If I click on 'Yes' below 3 fields should visible.

text-1

text-2

text-3

If I click on "no" above 3 fields must hide & 3 fields should visible below.

text-4

text-5

text-6

then u can pls give me JavaScript to manage my requirement. Thanks in advance.

Hiding and showing form fields by Thom Parker

Disabling (graying-out) form fields by Thom Parker

Tags: Acrobat

Similar Questions

  • One button - show and hide the function

    Hi I want to use it to be able to click the button once to show a subfield and click again to hide

    I hide the code to the click event and click to show works of stage, but the second click does nothing

    my code is:

    If (help1vidlist.presence = "hidden") {}

    help1vidlist. Presence = "visible";

    } else if (help1vidlist.presence = 'visible') {}

    help1vidlist. Presence = "hidden";

    }

    any ideas?

    Thank you

    I think that you should use the operator 'is' under the conditions, it is;

    If (help1vidlist.presence == 'hidden') {}

    help1vidlist. Presence = "visible";

    } Else if (help1vidlist.presence == 'visible') {}

    help1vidlist. Presence = "hidden";

    }

    Concerning

    Bruce

  • define a field as requires it, from the Group of radio buttons

    I saw not a strong response if you can set the field as required - in this case a date field based on the selection of a previous radio button.

    A post was that you couldn't do with calc form, it will have to be JS.

    I'm not the best at that.  The form is sent by mail on a web server for data capture.

    Any help would be appreciated.

    Hello

    Yes, you can change the status of 'necessary' to one or more fields by using the validate.nullTest in Formcalc or Javascript. You can use script like this in the output of the option button event:

    If (this.rawValue == 1) then
    DateTimeField1.validate.nullTest = "error".
    on the other
    DateTimeField1.validate.nullTest = "disabled".
    endif

    'error' sets the field referenced on required; considering that the 'disabled' changes back to not required.

    Good luck

    Niall

  • show / hide the Group of radio buttons

    How to set the visibility of a group of option buttons? Basically here is what I have, I have a radiobutton group which shows, if a user selects a specific element in this radiobuttongroup, I want a second group of radiobutton to become visible as the first group, if they deselect an option, I want this second group to become invisible. I already have my interlocutor fieldChanged for the first group, but I'm not sure how to determine the visibility of a control.

    Of the screen (manager) methods: add() and delete()

  • show or hide the watermarks in the doucument pdf

    Hi all

    How to show or hide the watermark of the digitally signed pdf document using java script.

    Use something like this:

    function toggleWM (vis) {}

    o = this.getOCGs ();

    for (var i = 0; i)

    }

    Then, you can call toggleWM (true); etc. According to the needs.

  • Show and hide the scroll bar

    Hello!

    How could I show and hide the scroll bar attached to a dynamic text field depending on the size of the text?
    I tried different solutions based on bottomScroll and maxcroll, but nothing works...

    Thank you very much in advance for your help.

    Best regards
    Gerry

    If you use a text field, you can do a simple test:

    If (textInstance.textHeight > textInstance._height) {}
    show the ScrollBar
    }

    --
    Dave-
    Developer leader
    http://www.blurredistinction.com
    Adobe Community Expert
    http://www.Adobe.com/communities/experts/

  • How to show or hide the region of the shuttle during the click on the radio buttons?

    Hello

    I'm new to JDeveloper. Here is my requirement.

    1. create 2 radio buttons: Yes and no and default displays "" selected radio button.

    2. create a region of shuttle with select query in VO.

    Query is:

    Select 'No group' for_user, for_pkg double null

    Union

    Select "Company" for_user, for_pkg "SEGMENT1" double

    Union

    Select 'Rental' for_user, for_pkg 'SEGMENT2"double

    Union

    Select 'Cost center' for_user, 'SEGMENT4' double for_pkg

    Union

    Select 'Project' for_user, 'SEGMENT5' double for_pkg

    Union

    Select "Intercompany" for_user, "SEGMENT8" for_pkg of the double

    order by nulls first for_pkg

    3. initially hide the region of the shuttle during the loading of the page.

    4. click on the radio button 'yes', display area of the shuttle with values at the head of list of query VO and empty list leak.

    5. new click on the 'no' radio button, he must hide region and so screen shuttle shuttle dynamically according to the selected option button.

    But my problem is I am able to hide area shuttle when the page loads at the beginning and after that, when I'm clicking 'Yes' radio button, is just to display area shuttle empty without value in the main list and once when I'm clicking 'No' radio button, it should hide area shuttle but he's not hiding. I used the RPP to show or hide the area Shuttle under certain conditions. I use JDev 10.1.3.3.0 version as we Oracle EBS version 12.1.2 in our society.

    Please find the attached draft and suggest me proper with examples of sample approach.

    Monika,

    I tried to get this working in the lower version of Jdeveloper and looks like it works.

    Can you make the change below and see what happens.

    1. modify your query to VO as below: (I replaced null with SEGMENT0)

    select 'No Grouping' for_user, 'SEGMENT0' for_pkg from dual
    union
    select 'Company' for_user, 'SEGMENT1' for_pkg from dual
    union
    select 'Location' for_user, 'SEGMENT2' for_pkg from dual
    union
    select 'Cost Center' for_user, 'SEGMENT4' for_pkg from dual
    union
    select 'Project' for_user, 'SEGMENT5' for_pkg from dual
    union
    select 'Intercompany' for_user,'SEGMENT8' for_pkg from dual
    order by for_pkg
    

    2. place VO execution to the processFormRequest:

        public void processFormRequest(OAPageContext pageContext,
                                       OAWebBean webBean) {
            System.out.println("In process Form Request");
            super.processFormRequest(pageContext, webBean);
            OAApplicationModuleImpl appModule =
                (OAApplicationModuleImpl)pageContext.getApplicationModule(webBean);
            String eventParam = pageContext.getParameter(EVENT_PARAM);
            System.out.println("eventParam: " + eventParam);
            if ("showHideShuttle".equals(eventParam)) {
                //  appModule.invokeMethod("deletetrailing");
                System.out.println("Inside If");
                OAMessageCheckBoxBean messageCheckBoxBean = (OAMessageCheckBoxBean)webBean.findChildRecursive("checkBoxBean");
                System.out.println("messageCheckBoxBean : " + messageCheckBoxBean);
                String messageCheckBoxBeanVal = (String)messageCheckBoxBean.getValue(pageContext);
                System.out.println("messageCheckBoxBeanVal: " + messageCheckBoxBeanVal);
    
                if ("Y".equals(messageCheckBoxBeanVal)) {
                    OAViewObjectImpl shuttleVO1 =
                        (OAViewObjectImpl)appModule.findViewObject("ShuttleVO1");
                    if (shuttleVO1 != null) {
                        shuttleVO1.setWhereClause(null);
                        shuttleVO1.setWhereClauseParams(null);
                        shuttleVO1.executeQuery();
                        System.out.println("Executed Query : " + shuttleVO1.getQuery());
                    }
                    OAViewObjectImpl shuttleVO2 =
                        (OAViewObjectImpl)appModule.findViewObject("ShuttleVO2");
                    if (shuttleVO2 != null) {
                        shuttleVO2.setWhereClause("1=2");
                        shuttleVO2.setWhereClauseParams(null);
                        shuttleVO2.executeQuery();
                        System.out.println("Executed Query1 : " + shuttleVO2.getQuery());
                    }
                }
                String[] name = { "RenderAttr1" };
                String[] val = { messageCheckBoxBeanVal };
    
                Serializable[] params = { name, val };
                Class[] paramTypes = { String[].class, String[].class };
                appModule.invokeMethod("setXXCustomPVOValues", params, paramTypes);
    
            }
    
        }
    

    3. move Spel link shuttle Bean for the region of header above.

    Some useful links for the shuttle Bean:

    Technology blog based in Java of Sushant: 13. Area of application OFA shuttle

    Framework OA Blog: control of the shuttle as part of OSTEOARTHRITIS

    See you soon

    AJ

  • Show or hide the buttons of the model using JavaScript

    Can someone tell me to know to disable, show and hide the buttons of the model using JavaScript? In my case, I use AJAX for validation and the validation failed, I want to deprive the person's ability to submit the form. I did successfully using the HTML buttons but they seem ugly and do not correspond to the theme of the application. I really want to do using the model based buttons. Anyone know the answer to that?

    You can find that here:

    http://Apex.Oracle.com/pls/OTN/f?p=31517:143

    The only problem you have to solve is to assign an id to each template button. Rather than use an id string coded hard = "buttonHide1" as in my example, you could use id = "" #LABEL # "If there are a lot of different buttons you need to display / hide on a single page." However, at the same time make sure that the processes are also conditional and follow the logic. To hide a button, this isn't a guarantee that a process can not be executed.

    Denes Kubicek
    -------------------------------------------------------------------
    http://deneskubicek.blogspot.com/
    http://www.Opal-consulting.de/training
    http://Apex.Oracle.com/pls/OTN/f?p=31517:1
    -------------------------------------------------------------------

  • Show or hide the rows of the datagrid

    Gidday

    I have color of the lines of code in a DataGrid as a status property in the dataprovider for each line.

    I would also like to have the option to tick a checkbox to show or hide State 3 lines.

    This would be possible with a dataprovider, or I have to keep two dataproviders - the one with the 3 State and the other without the swap the dataproviders depending on the State of the checkbox?

    Thank you guys

    It is possible, but you would probably have a custom cellrenderer class.

    It would be easier to use dataproviders filtered to show/hide some rows.

  • Show and hide the text in a page of questions / answers

    I need to create a FAQ page in Flex3. The page initially lists all questions with a "Show" button after each question.

    A click of a button 'Show', the answer to this specific question is inserted and displayed below

    the question and the button becomes "hide the answer.

    A click on the button "Hide the answer," despairs the answer to this question, the questions (and answers if there is)

    below moves upward to support the space and the button becomes «See the answer»

    Suggestions or examples? DataGrid with masking of rows? Directly using state transitions?

    I would use visible and includeInLayout properties

    Alex Harui

    Flex SDK Developer

    Adobe Systems Inc..

    Blog: http://blogs.adobe.com/aharui

  • one of the new features of firefox4 is the only button for menus. I hit something and the button one went away showing each menu option separately. I want to restore the function of a button

    ONE OF THE FEATURES OF FIREFOX 4 IS A BUTTON TO ACCESS THE MENU ITEMS. MY A BUTTON HAS CHANGED IN EACH OF THE POINTS ABOVE SCORED BY THE OLD METHOD. I WANT TO ONLY RESTORE A BUTTON ON WHICH IT WAS ORIGINALLY. HOW TO RESTORE THE MENU ITEMS TO THE BUTTON ONE ALONE?

    When you deselect the option 'hide' the menu bar, the orange Firefox button will appear.

  • Responsive Design - Show and hide the div tags

    Hello

    I am building a website using sensitive design. I want a certain div tag to be read on a desktop and a tablet but then to disappear and a different div be made visible on the mobile device.

    I realized the above with the code below, but I found a problem. The problem I found is that the div is hidden here still an empty space remains there then it creates a large empty space. Anyway is to hide this great space?

    (mobile)

    {#tab-container}

    display: none;

    visibility: hidden;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 96%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    border-top-width: 1px;

    border-bottom-width: 1px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

    }

    {#phone-tabs}

    display: block;

    visibility: visible;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 96%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    border-top-width: 1px;

    border-bottom-width: 1px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

    line-height: 30px;

    }

    (Tablet)

    {#tab-container}

    display: block;

    visibility: visible;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 96%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    border-top-width: 1px;

    border-bottom-width: 1px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

    }

    {#phone-tabs}

    display: none;

    visibility: hidden;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 96%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    border-top-width: 1px;

    border-bottom-width: 1px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

    }

    (office)

    {#tab-container}

    display: block;

    visibility: visible;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 70%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    border-top-width: 1px;

    border-bottom-width: 1px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

    }

    {#phone-tabs}

    display: none;

    visibility: hidden;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 70%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 0px;

    padding-bottom: 0px;

    text-align: center;

    border-top-width: 0px;

    border-bottom-width: 0px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

    }

    Thanks for your help!

    Alex

    Try to delete the two lines, as shown below.

    Display: block overrides display: no because it is further down in the code.

    For this reason, visibility: hidden comes into play. This statement is exactly intended to hide the contents, while leaving the blank space.

    Edit: I think that really is all you need:

    {#tab-container}

    display: none;

    }

    (mobile)

    {#tab-container}

    display: none;

    visibility: hidden;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 96%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    border-top-width: 1px;

    border-bottom-width: 1px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

  • Show and hide the drop-down menus on the page of the product, based on selected values

    Hello.

    I wish that my product page to view different drop-down lists following, based on the values of individual drop-down list.


    I managed to achieve this through JavaScript, but I don't like how it works.

    As far as I know, there is no identifier for each individual drop-down list to determine who it is, so I can't for the moment is to rely on their order in the DOM, which is bad and it is difficult for me to create a solution that might work for all products.

    For example, if the following is a single attribute:

    < div class = "catProductAttributeGroup" style = "" display: none; "> < div class ="catProdAttributeTitle"> metal Foiling < / div > < div class ="catProdAttributeItem"> < select > < option value =" ">--please select--< / option > < option value ="6051720"> not necessary < / option > < option value ="6051721"> sheet ONE side + £45 < / option > < option value ="6051722"> Foiling BOTH sides + £75 < / option > < / select > < / div > < / div >"

    I would like to than the div outermost having some sort of html attribute that contains the product id attribute. Something like: data-attribute id = "XXXXXXX". Is this possible?

    Here's what I have so far:

    I use {tag_attributes_json}, {tag_product_json} and {tag_currency} to get these values in javascript on the page loading, so I can use them later.


    Then, I hang on to change the events of the drodpowns I have and then toggle their visibility based on those who are selected. I rely on the jequery ': eq (n)' selector to achieve, I don't like. Is there an option with {tag_attributes} which to add additional information (such as the ID attribute on the menu drop-down) on the generated HTML code?

    All works in the beginning, but if I can 'Add to Cart', the product element get ajax-reloaded and events are suddenly off the hook, so it no longer works. For this one, there are two options:

    1. I could hang on to an event that triggers once the product added to the shopping cart and the page is ready. Is there such an event?

    2. I could set up my own add to cart using bcInternals.shop.addToCart. I tried to do this, but I have two problems with it.

    a. addToCart seems add my selection twice, for some reason any. Any ideas what I could do wrong?

    b. the news of cart in the upper right corner don't refresh. Apparently, he's trying to refresh, but there is a kind of access error in the script. This part is not yet fully added to the page, but there is a function which would add it to the basket at the bottom of the largest block of script. Am I using the function addToCart incorrectly?

    It's the page, sure I have the feature added partial implementation:

    Matt Laminated business cards

    The scripts are currently embedded in the HTML code. Once I put it in place correctly, I would like to extract in a separate file. Search for "'$productAttributesElement ' to find the block with the features and for 'productInfo' to find the part where I store the product with tags. _json data "

    Hello

    No worries, na not know if you have solved or that the answer was not helpful

    You need trigger the script you in the presentation of product details model, or you can add a listener for the container of the product and to trigger the script if changes are detected.

    Concerning

  • Anyway to hide the functionality of booking on the modules of the event?

    Hello

    I'm just curious to know if there was a way to hide the feature of capacity for events on a site I'm trying. There is no reservation required for all events on this site, so I was hoping there was a way to hide this line? I have attached an image below for reference. Any help would be greatly appreciated. Thank you.

    Jordan

    Picture 2.png

    Hi Jordan,.

    Go to Admin > Site Manager > models Module > event Layouts > detail the layout and to remove "capacity: {tag_capacity} (reserved (e) {tag_percentfull})" "

    Kind regards

    Alex

  • change field bitmap on the focus of radio button

    Hello

    I have 4 radio buttons in a group of radio buttons. Each of the radio buttons has a picture that is linked to. I want to change the image of a bitmap field whenever a radio button got the update.

    How can I do?

    Thanks in advance.

    Call super.onFocus and super.onUnfocus, as well as the change of the bitmap of treatment.

Maybe you are looking for

  • 9.3.4 for iphone iOS update 6

    When I installed the update ios 9.3.4 software on my iphone 6 plus the following happened: 1. my touchscreen is unresponsive when I slide to unlock the phone 2. my phone freezes when I'm on an app, mail, safari.  An application opens without touching

  • -Pop-up messages asking my Keychain password

    Lately I get messages on my home screen asking my enter my Keychain password. I do not recognize a applications who want my Keychain password and my computer keeps freezing all the time. I have attached two shots of scree to illustrate what I mean. I

  • Can I use a motherboard n/p 511864-001 in my pavilion dv6-1020ef?

    I ask if I can use a number of motherboard 511864-001 in my pavilion dv6-1020ef because my old card mother died, he used to have an Intel Core 2 Duo T6400 and a graphics card from Nvidia to the discrete address?

  • Vista Media Center loses tv recording titles

    I just opened my Vista Media Center and - despite my existing TV accessible and playable records - most of them have lost their title information and description of the program. Only program time and the recording time is displayed. I checked the "ra

  • OfficeJet 7500 model E910: Admin password: not set

    Under the connectivity settings, printer for this printer status report revealed that the Admin password is not set. The printer works fine for varous computers, running Windows 7, but the absence of password Admin me concerned for possible piracy. H