Magento 2 – How to Modify

Best Answer

Your code bind the click event only to the elements that exist at the time of binding. Replace your test.js code with below one:

require(['jquery'], function ($) {
    $(document).on("click","input[id^='btn-test']", function () {
         console.log('click');
    });
});

Related Solutions

Magento 2 – Call on Click Function in Custom Module Template File

Add below code in js file:

define(['jquery'], function ($) {
    'use strict';

    return function (config) { 
        console.log(config);
        $(document).on("click","input[id^='your-button-id-here']", function () {
             console.log('click');
        });   
    };
});

Add below code in template file:

<script type="text/x-magento-init">
{
   "*": {
     "Your component name here": {"url":"value"}
   }
}
</script>

Magento 2 – How to Write If Condition in

Related Topic

• Magento 2.2.3 – How to Create Custom Form
• Magento – How to pass text input value to js in magento 2 knockout js