使用JS / JQuery按类选择文档后,将onclick事件添加到按钮

八面体

我有2个按钮,一个+和一个-增加项目数量。

我也有该商品的“价格”和一个显示该商品价格的跨度。

我需要的是:当用户单击+或-按钮时,它将增加项目数量和总价格。

到目前为止,我的代码如下所示:

HTML:

<input type="number" size="4" class="input-text qty text" title="Cantidad" value="1" name="quantity" min="1" step="1">
<input type="button" class="plus" value="+">
<input type="button" class="minus" value="-">
<span class="price">90.00&nbsp;€</span>

JS

function inc() {

    var price = "price";

    var elems = document.getElementsByTagName('*'), i;

    for (i in elems) {

        var a = document.getElementsByName("quantity")[0].value;

        if((' ' + elems[i].className + ' ').indexOf(' ' + price + ' ') > -1) {

            var valOfItem = parseInt(elems[i].innerHTML);

            var x = a * valOfItem;

            elems[i].innerHTML = x;         
        }
    }
}

我还没有尝试过,但是我想只要将func()添加到这些按钮上的onClick事件中,一切都将正常工作,我希望在文档加载完成后使用jQuery来完成操作,但我没有确定如何。

有任何想法吗?

摄政

您可以使用click事件处理程序添加.plus.minus根据input计算总和.text().val()

小提琴

$(document).ready(function()
{
    var basePrice = parseFloat($(".price").text());

    $(".plus").click(function()
    {
        changeValue(1);
    });

    $(".minus").click(function()
    {
        changeValue(-1);
    });

    function changeValue(sign)
    {
        $("[name='quantity']").val(parseInt($("[name='quantity']").val()) + sign);
        var countValue = $("[name='quantity']").val();
        var newValue = (basePrice * countValue).toFixed(2);
        $(".price").text(newValue);
    }
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用JavaScript将onclick事件添加到元素

来自分类Dev

如何将onclick事件添加到joint.js元素?

来自分类Dev

使用选定的jQuery将事件添加到按钮后,将事件添加到按钮

来自分类Dev

将类添加到除按钮,按钮和使用jQuery重置以外的所有输入类型中

来自分类Dev

使用jQuery将optgroup添加到现有选择

来自分类Dev

如何使用jQuery或JS将类添加到SVG中最接近的上一个元素?

来自分类Dev

根据单选按钮选择,使用jQuery将表单元格添加到行尾

来自分类Dev

jQuery-无法通过onClick事件将类添加到按钮

来自分类Dev

使用jQuery将onclick事件添加到音频时间轴

来自分类Dev

将选择下拉框添加到onclick交换图像js

来自分类Dev

如何使用Vue.js将类添加到父类或目标类

来自分类Dev

使用jquery在滚动一定数量后将一个类添加到元素的类

来自分类Dev

使用Handlebar.js模板将onclick事件侦听器添加到多个按钮中,只有最后一个有效

来自分类Dev

如何使用JS将多个类添加到元素?

来自分类Dev

使用JS或Jquery将事件添加到动态创建的元素中

来自分类Dev

将事件侦听器添加到js中的多个选择元素

来自分类Dev

使用jQuery将单选按钮动态添加到div

来自分类Dev

使用jQuery将类添加到html元素

来自分类Dev

完成document.location.href =后,使用JQuery将一个类添加到元素中

来自分类Dev

使用+ =将事件添加到类中

来自分类Dev

使用jQuery将onClick添加到图像失败

来自分类Dev

使用jQuery将动态类添加到div

来自分类Dev

使用jQuery将“ onClick”事件添加到动态div

来自分类Dev

jQuery-无法通过onClick事件将类添加到按钮

来自分类Dev

使用js将按钮添加到灯箱

来自分类Dev

为什么在将事件添加到按钮时使用+ =?

来自分类Dev

使用jQuery将click事件添加到类中

来自分类Dev

将事件添加到 javascript 中的按钮(使用 Flask)

来自分类Dev

使用 jQuery 将 onclick 事件添加到链接

Related 相关文章

  1. 1

    如何使用JavaScript将onclick事件添加到元素

  2. 2

    如何将onclick事件添加到joint.js元素?

  3. 3

    使用选定的jQuery将事件添加到按钮后,将事件添加到按钮

  4. 4

    将类添加到除按钮,按钮和使用jQuery重置以外的所有输入类型中

  5. 5

    使用jQuery将optgroup添加到现有选择

  6. 6

    如何使用jQuery或JS将类添加到SVG中最接近的上一个元素?

  7. 7

    根据单选按钮选择,使用jQuery将表单元格添加到行尾

  8. 8

    jQuery-无法通过onClick事件将类添加到按钮

  9. 9

    使用jQuery将onclick事件添加到音频时间轴

  10. 10

    将选择下拉框添加到onclick交换图像js

  11. 11

    如何使用Vue.js将类添加到父类或目标类

  12. 12

    使用jquery在滚动一定数量后将一个类添加到元素的类

  13. 13

    使用Handlebar.js模板将onclick事件侦听器添加到多个按钮中,只有最后一个有效

  14. 14

    如何使用JS将多个类添加到元素?

  15. 15

    使用JS或Jquery将事件添加到动态创建的元素中

  16. 16

    将事件侦听器添加到js中的多个选择元素

  17. 17

    使用jQuery将单选按钮动态添加到div

  18. 18

    使用jQuery将类添加到html元素

  19. 19

    完成document.location.href =后,使用JQuery将一个类添加到元素中

  20. 20

    使用+ =将事件添加到类中

  21. 21

    使用jQuery将onClick添加到图像失败

  22. 22

    使用jQuery将动态类添加到div

  23. 23

    使用jQuery将“ onClick”事件添加到动态div

  24. 24

    jQuery-无法通过onClick事件将类添加到按钮

  25. 25

    使用js将按钮添加到灯箱

  26. 26

    为什么在将事件添加到按钮时使用+ =?

  27. 27

    使用jQuery将click事件添加到类中

  28. 28

    将事件添加到 javascript 中的按钮(使用 Flask)

  29. 29

    使用 jQuery 将 onclick 事件添加到链接

热门标签

归档