Pass PHP variables from HTML to Javascript

Question

I want to do something to 'input box' when the radio button is checked, so I'm thinking using JS to solve this, here's part of my HTML code:

<input type="radio" class="icheck" id='DELIVER_{{$shoppingcart->id}}' />

$shoppingcart->id is from database, so the ID is dynamic, so now I'm using JS like:

var deliverId = DELIVER_{{ $shoppingcart->id }};
if(document.getElementById(DELIVER_{{$shoppingcart->id}}).checked) {

    //do something

else if (...)
...

but the error is 'shoppingcart is not defined', how can I define it or solve the issue?

Thanks in advance!!!

I'm using blade and new to this template, how can I pass variables between HTML and JS? — Leo
– Leo, Commented Feb 12, 2017 at 23:41

Mohd Asim Suhail · Accepted Answer · 2017-02-13 08:50:48Z

2

You can get the id on radio box using querySelectorAll document.querySelector('icheck').id and then iterating over all the available radio buttons

for(var i=0;i<document.querySelectorAll('.icheck').length;i++){
  var deliverId=document.querySelectorAll('.icheck')[i].id;
  if(document.getElementById(deliverId).checked) {

    //do something

  else if (...)
  ...
}

This will solve your problem.

edited Feb 13, 2017 at 8:50

answered Feb 12, 2017 at 23:09

Mohd Asim Suhail

2,3121 gold badge17 silver badges23 bronze badges

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

3 Comments

Quentin Over a year ago

The return value of getElementByClassName is not an element object, so that won't work.

Mohd Asim Suhail Over a year ago

hmm, then we can use querySelector('.icheck'), this will return an element

Leo Over a year ago

but I have multiple radio buttons, they are siblings and using same class, what kind of selector should I use? Thank you! @Mohd Asim Suhail

Collectives™ on Stack Overflow

Pass PHP variables from HTML to Javascript

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related