Access HTML multiple button tag value having same class Value created in PHP and getting in Javascript

Question

Hi I can access the values of these buttons

for($i = 0; $i < 10; $i++){
$newArray[] = "<input type='button' name='$i' value='($i)' class='najam' id='$i' onclick='myFunction();' />";
}

myFunction

 function myFunction(){
// here to get the values of the buttons
 }

adeneo · Accepted Answer · 2013-09-27 11:57:44Z

4

Change the PHP to pass the element:

for($i = 0; $i < 10; $i++){
$newArray[] = "<input type='button' name='$i' value='($i)' class='najam' id='$i' onclick='myFunction(this);' />";
}

and do

function myFunction(elem){
    alert(elem.value);
}

or just use a proper event handler

$('.najam').on('click', function() {
    alert(this.value);
});

answered Sep 27, 2013 at 11:57

adeneo

319k29 gold badges410 silver badges392 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

bear · Accepted Answer · 2013-09-27 11:57:52Z

0

on the button, set the onClick or even to myFunction({$i})

in in your javascript:

function myfunction(id){
    //use id
}

answered Sep 27, 2013 at 11:57

bear

11.7k27 gold badges82 silver badges132 bronze badges

toro2k · Accepted Answer · 2013-09-27 12:21:33Z

0

Simply use Jquery.

$(".najam") // this is the selector for all items with the class "najam"

And then you can use it with methods like .click(), .each(), etc.

toro2k

19.3k8 gold badges66 silver badges72 bronze badges

answered Sep 27, 2013 at 12:00

FreakForFreedom

1

Other than linking the jQuery home page, it may be worth to show how to use it to solve the OP problem.