javascript - 更新 Javascript 数组,以便我可以将它传递给 PHP

标签 javascript jquery html arrays

我主要写 HTML 和 PHP,我真的不擅长 Javascript 或 Jquery。但我也知道 Jquery 和 javascript 有一些非常酷的功能,可以在您正在查看网站的计算机或设备上呈现。

我希望能够选择带有 html input type='checkbox' 的多行以及我单击的每一行,以自动更新 javascript 或 jquery 数组,这将仅在计算机上自动更新标签。这样,当我单击“链接”时,页面将发生变化,PHP 将接管。如果我不必使用表格,那就太好了。

下面是一个例子

<input type='checkbox' value='65' />
<input type='checkbox' value='66' />    
<input type='checkbox' value='67' />
<input type='checkbox' value='68' />

<a href='./?p=test&array=65,66,67,68'>

我想要得到的结果是数组[65, 66, 67, 68]

我找不到已经回答这个问题的线程,如果已经有,请原谅。我也可能没有正确地询问它。

最佳答案

您在这里需要的是一个 eventListener,它将帮助您捕获用户使用复选框执行的事件。

有两种事件方法可以实现这一点。

  • 改变
  • 点击

只要用户单击复选框,就会调用这些方法。虽然这两者之间存在细微差别,但从任何一个开始都应该适合您。

您需要做的是将其中之一添加到您的 DOM。喜欢:

<input type='checkbox' value='65' onclick = 'doThisOnCLick(this)'/>

在此之后,您需要在相关 JS 文件的某处定义此函数。如果您还没有任何功能,您可以先在您的 HTML 页面本身的 <script> 中定义它。标签。

<script>
   var someArray = [];
   function doThisOnChange(c){
     someArray.push(a.value); //this will push 69 to array, similarly others can be pushed
   }
</script> 

希望对您有所帮助。为了更好地理解,我建议稍微了解一下 JS。它简单而棒极了

关于javascript - 更新 Javascript 数组,以便我可以将它传递给 PHP,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38259089/

相关文章:

html - 导航栏阻止内部链接的点击能力

php - 使用 PHP 和 MySQL 填充下拉列表

javascript - 通过引用执行 Javascript 函数

HTML 和表格

jquery - .hover() onmouseout breake for(){}

javascript - asp.net 中的 HTML 标记注入(inject)

java - 具有 <ui :repeat> 的不同 div 标签 id

javascript - Highcharts:我可以用动画来更改条形图上条形的顺序吗?

javascript - 如何使用两个按钮的 onClick() 事件在 JavaScript 中更改两种不同的背景颜色

javascript - JS/jQuery可以与音频交互吗?