【问题标题】:Pass PHP variables from HTML to Javascript将 PHP 变量从 HTML 传递到 Javascript
【发布时间】:2017-06-30 20:43:04
【问题描述】:

当单选按钮被选中时,我想对“输入框”做一些事情,所以我正在考虑使用 JS 来解决这个问题,这是我的 HTML 代码的一部分:

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

$shoppingcart->id 来自数据库,所以 ID 是动态的,所以现在我使用的 JS 如下:

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

    //do something

else if (...)
...

但错误是“未定义购物车”,我该如何定义或解决问题?

提前致谢!!!

【问题讨论】:

  • 我正在使用刀片和新模板,如何在 HTML 和 JS 之间传递变量?

标签: javascript php html laravel-blade


【解决方案1】:

您可以使用 querySelectorAll 获取单选框上的 id document.querySelector('icheck').id 然后遍历所有可用的单选按钮

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 (...)
  ...
}

这会解决你的问题。

【讨论】:

  • getElementByClassName的返回值不是元素对象,所以这样不行。
  • hmm,那么我们可以使用querySelector('.icheck'),这会返回一个元素
  • 但是我有多个单选按钮,它们是同级的并且使用相同的类,我应该使用什么样的选择器?谢谢! @Mohd Asim Suhail
猜你喜欢
  • 1970-01-01
  • 2011-07-14
  • 2012-10-07
  • 1970-01-01
  • 1970-01-01
  • 2018-03-23
  • 1970-01-01
  • 1970-01-01
  • 2010-11-02
相关资源
最近更新 更多