How to check which button is ticked jquery/html





.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}







1















I'm quiet new to jquery and html. I'm facing an issue right now on how to save the value based on which button is ticked.



Scenario is:




  1. I have a big formregister.tpl where one of the fields is price. This price is automatically computed and shown in the registration form which the user can manually change.


  2. I have also formregister.js where the computation of the value for field price is done. Also, i have created a pop-up box (dialogbox.tpl) that pops when the value of automated calculation is different from what the user entered. This has 2 buttons which ask the user which one to save, the auto calculated value or the value he entered.



I don't want to pass value to dialogbox.tpl because the parent form already has the 2 values, so want to manipulate it from there.



Question:




Is it possible to check from the formregister.tpl which button is ticked in the dialogbox.tpl?




I have searched the web already but unable to find similar scenarios.



Please let me know any related links that might help me.



Thank you so much for your help.










share|improve this question































    1















    I'm quiet new to jquery and html. I'm facing an issue right now on how to save the value based on which button is ticked.



    Scenario is:




    1. I have a big formregister.tpl where one of the fields is price. This price is automatically computed and shown in the registration form which the user can manually change.


    2. I have also formregister.js where the computation of the value for field price is done. Also, i have created a pop-up box (dialogbox.tpl) that pops when the value of automated calculation is different from what the user entered. This has 2 buttons which ask the user which one to save, the auto calculated value or the value he entered.



    I don't want to pass value to dialogbox.tpl because the parent form already has the 2 values, so want to manipulate it from there.



    Question:




    Is it possible to check from the formregister.tpl which button is ticked in the dialogbox.tpl?




    I have searched the web already but unable to find similar scenarios.



    Please let me know any related links that might help me.



    Thank you so much for your help.










    share|improve this question



























      1












      1








      1








      I'm quiet new to jquery and html. I'm facing an issue right now on how to save the value based on which button is ticked.



      Scenario is:




      1. I have a big formregister.tpl where one of the fields is price. This price is automatically computed and shown in the registration form which the user can manually change.


      2. I have also formregister.js where the computation of the value for field price is done. Also, i have created a pop-up box (dialogbox.tpl) that pops when the value of automated calculation is different from what the user entered. This has 2 buttons which ask the user which one to save, the auto calculated value or the value he entered.



      I don't want to pass value to dialogbox.tpl because the parent form already has the 2 values, so want to manipulate it from there.



      Question:




      Is it possible to check from the formregister.tpl which button is ticked in the dialogbox.tpl?




      I have searched the web already but unable to find similar scenarios.



      Please let me know any related links that might help me.



      Thank you so much for your help.










      share|improve this question
















      I'm quiet new to jquery and html. I'm facing an issue right now on how to save the value based on which button is ticked.



      Scenario is:




      1. I have a big formregister.tpl where one of the fields is price. This price is automatically computed and shown in the registration form which the user can manually change.


      2. I have also formregister.js where the computation of the value for field price is done. Also, i have created a pop-up box (dialogbox.tpl) that pops when the value of automated calculation is different from what the user entered. This has 2 buttons which ask the user which one to save, the auto calculated value or the value he entered.



      I don't want to pass value to dialogbox.tpl because the parent form already has the 2 values, so want to manipulate it from there.



      Question:




      Is it possible to check from the formregister.tpl which button is ticked in the dialogbox.tpl?




      I have searched the web already but unable to find similar scenarios.



      Please let me know any related links that might help me.



      Thank you so much for your help.







      javascript jquery html






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Mar 30 '16 at 14:30









      Vinoth Krishnan

      2,71562232




      2,71562232










      asked Mar 30 '16 at 14:25









      BetsyBetsy

      62




      62
























          1 Answer
          1






          active

          oldest

          votes


















          0














          If you give your submit buttons a name and a value.



          <input name="button1" type="submit" value="Button 1" />
          <input name="button2" type="submit" value="Button 2" />


          button1 or button2 will be passed via GET or POST.



          Or you can do it with onclick



          <input id="button1" 
          onclick="yourFunction(this);"
          name="button1"
          type="submit"
          value="Button 1" />
          <input id="button2"
          onclick="yourFunction(this);"
          name="button2"
          type="submit"
          value="Button 2" />


          then you can check the ID in your function:



          function yourFunction (button) {
          var yourButton = jQuery(button).attr('id');
          }





          share|improve this answer


























            Your Answer






            StackExchange.ifUsing("editor", function () {
            StackExchange.using("externalEditor", function () {
            StackExchange.using("snippets", function () {
            StackExchange.snippets.init();
            });
            });
            }, "code-snippets");

            StackExchange.ready(function() {
            var channelOptions = {
            tags: "".split(" "),
            id: "1"
            };
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function() {
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled) {
            StackExchange.using("snippets", function() {
            createEditor();
            });
            }
            else {
            createEditor();
            }
            });

            function createEditor() {
            StackExchange.prepareEditor({
            heartbeatType: 'answer',
            autoActivateHeartbeat: false,
            convertImagesToLinks: true,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: 10,
            bindNavPrevention: true,
            postfix: "",
            imageUploader: {
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            },
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            });


            }
            });














            draft saved

            draft discarded


















            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f36311800%2fhow-to-check-which-button-is-ticked-jquery-html%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown

























            1 Answer
            1






            active

            oldest

            votes








            1 Answer
            1






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes









            0














            If you give your submit buttons a name and a value.



            <input name="button1" type="submit" value="Button 1" />
            <input name="button2" type="submit" value="Button 2" />


            button1 or button2 will be passed via GET or POST.



            Or you can do it with onclick



            <input id="button1" 
            onclick="yourFunction(this);"
            name="button1"
            type="submit"
            value="Button 1" />
            <input id="button2"
            onclick="yourFunction(this);"
            name="button2"
            type="submit"
            value="Button 2" />


            then you can check the ID in your function:



            function yourFunction (button) {
            var yourButton = jQuery(button).attr('id');
            }





            share|improve this answer






























              0














              If you give your submit buttons a name and a value.



              <input name="button1" type="submit" value="Button 1" />
              <input name="button2" type="submit" value="Button 2" />


              button1 or button2 will be passed via GET or POST.



              Or you can do it with onclick



              <input id="button1" 
              onclick="yourFunction(this);"
              name="button1"
              type="submit"
              value="Button 1" />
              <input id="button2"
              onclick="yourFunction(this);"
              name="button2"
              type="submit"
              value="Button 2" />


              then you can check the ID in your function:



              function yourFunction (button) {
              var yourButton = jQuery(button).attr('id');
              }





              share|improve this answer




























                0












                0








                0







                If you give your submit buttons a name and a value.



                <input name="button1" type="submit" value="Button 1" />
                <input name="button2" type="submit" value="Button 2" />


                button1 or button2 will be passed via GET or POST.



                Or you can do it with onclick



                <input id="button1" 
                onclick="yourFunction(this);"
                name="button1"
                type="submit"
                value="Button 1" />
                <input id="button2"
                onclick="yourFunction(this);"
                name="button2"
                type="submit"
                value="Button 2" />


                then you can check the ID in your function:



                function yourFunction (button) {
                var yourButton = jQuery(button).attr('id');
                }





                share|improve this answer















                If you give your submit buttons a name and a value.



                <input name="button1" type="submit" value="Button 1" />
                <input name="button2" type="submit" value="Button 2" />


                button1 or button2 will be passed via GET or POST.



                Or you can do it with onclick



                <input id="button1" 
                onclick="yourFunction(this);"
                name="button1"
                type="submit"
                value="Button 1" />
                <input id="button2"
                onclick="yourFunction(this);"
                name="button2"
                type="submit"
                value="Button 2" />


                then you can check the ID in your function:



                function yourFunction (button) {
                var yourButton = jQuery(button).attr('id');
                }






                share|improve this answer














                share|improve this answer



                share|improve this answer








                edited Nov 23 '18 at 12:40









                Eugene Mihaylin

                1,0101725




                1,0101725










                answered Mar 30 '16 at 15:11









                JaycaponexJaycaponex

                355




                355
































                    draft saved

                    draft discarded




















































                    Thanks for contributing an answer to Stack Overflow!


                    • Please be sure to answer the question. Provide details and share your research!

                    But avoid



                    • Asking for help, clarification, or responding to other answers.

                    • Making statements based on opinion; back them up with references or personal experience.


                    To learn more, see our tips on writing great answers.




                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function () {
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f36311800%2fhow-to-check-which-button-is-ticked-jquery-html%23new-answer', 'question_page');
                    }
                    );

                    Post as a guest















                    Required, but never shown





















































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown

































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown







                    Popular posts from this blog

                    "Incorrect syntax near the keyword 'ON'. (on update cascade, on delete cascade,)

                    Alcedinidae

                    RAC Tourist Trophy