Jquery set value to input field based on attribute

in jquery you can use any attribute as a selector using this format:

$('[your-attr="attr value"]')

Answering your question this should work:

$('[data-checkout="card-number"]').val("Your val"); 

It depends on what you wish to access it by. To access the element, you can use, for example:

$('.input-control')  // Finds all elements with this class

or

$('.input-control[data-checkout=card-number]')  // Finds all elements with this class and this data-checkout value

or some other selector, depending on your application. Then, to set the value you can do:

$(/* your selector */).val('some value'); // Sets the value to 'some value'

and to get the value fo data-checkout:

$(/* your selector */).data('checkout');  // Returns 'card-number'

It is somewhat unclear what exactly you are looking for, but hopefully some of this answers your question.

Using jquery you could use the val function:

$(".input-control").val("Some value")

Using javascript:

document.querySelector(".input-control").value="Some value"

You could get the attribute by:

$(".input-control").attr("card-number")

Then you can do

$(".input-control").val($(".input-control").attr("card-number"))

Hope this helps

You can use basic Javascript to set the value.

for(i=0; card=document.querySelectorAll("input[data-checkout=card-number]")[i]; i++){
    card.value="sample value";
} 

$('input[data-checkout="card-number"]').val('here') // replace word (here) with the value you want