Question

如何将从类中的元素拉出的值输入到onclick函数？

以下是我希望获得的结果代码：

<span class="total-sum"><span>2 790.00</span> USD</span>

<span onclick="calculate_cart(68803,2790.00);">GO</span>

请注意，第一个元素中的2 790.00已删除其空格，并放入onclick。

这是我写的一些JS，它成功地拉出了'2 790.00并删除了空格：

.querySelector( ".total-sum span" ).textContent.replace( /\s/g, "");

我坚持如何将代码放入onclick本身。

Answer 1

为什么不直接在onclick中提取.total-sum span的内容，而不是替换calculate_cart属性文本？

function calculate_cart(some_id) {
  var total_sum = document.querySelector(".total-sum span").textContent.replace(/\s/g, "");
  // the rest of `calculate_cart`
}

然后你不需要第二个参数：

<span onclick="calculate_cart(68803);">GO</span>

Answer 2

如果您需要内联，可以像这样使用它：

  <span onclick="calculate_cart(68803,document.querySelector('.total-sum span' ).textContent.replace( /\s/g, ''));">GO</span>

Answer 3

您可以将值作为参数传递：

function myFunction(x, y){
    console.log('x: ' + x + ' y: ' + y);
}

<input type="text" class="fields" value="2300"/>
<input type="text" class="fields" value="100"/>
<button onclick='myFunction(document.getElementsByClassName("fields")[0].value, document.getElementsByClassName("fields")[1].value)'>do function</button>

从类中的元素输入值到onclick

3 个答案: