跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 此问题是否能使用 Java script 解决
未分類
3 9 月 2020

此问题是否能使用 Java script 解决

此问题是否能使用 Java script 解决

資深大佬 : wen0750 11

以下是一个商品,我想当客人选好了日期之后,数量会由 0自动调成1 ,不知可否用 js 達成

这是最开始的状态

此问题是否能使用 Java script 解决
此问题是否能使用 Java script 解决
此问题是否能使用 Java script 解决
求解救
html link 1: here
html link 2 – codepen . io: here

大佬有話說 (11)

  • 資深大佬 : mebtte

    能

  • 主 資深大佬 : wen0750

    @mebtte 求教!如果可以的话,麻烦你教我一下

  • 資深大佬 : autoxbc

    监听列表框 change 事件
    https://segmentfault.com/a/1190000004434194

  • 資深大佬 : wxsm

    1. 监听选择框的 onchange / oninput
    2. 在回调函数内将数量输入框的值设置为 1

  • 主 資深大佬 : wen0750

    document.getElementById(“%e7%8f%ad%e6%9c%9f”).onchange = function() {myFunction()};

    function myFunction() {
    var x = document.getElementById(“quantity_5f3a585e27291”);
    x.value = 1;
    }
    </script>

  • 資深大佬 : codehz

    (建议加个判断,当用户已经编辑过就不要再覆盖了,不然用户大概会投诉

  • 主 資深大佬 : wen0750

    我在想有没有一个聪明点的方法,因为商品是很多的,不可能每个每个的改,如果是跟 class 的话。网站是用 wordpress 商品是 woocommerce 。有没有比较熟悉的大神网友們能帮一下忙。

  • 主 資深大佬 : wen0750

    @codehz 好的

  • 資深大佬 : Ainsoph

    建议从逻辑上修改,像是默认用数量 1,还有选定班级后才能更改数量。

  • 主 資深大佬 : wen0750

    add_action( ‘wp_footer’, ‘woosb_footer_js’, 99 );
    function woosb_footer_js() {
    ?>
    <script type=”text/javascript”>
    jQuery(document).on(‘found_variation’, function(e, t) {
    var $product = jQuery(e[‘target’]).closest(‘.woosb-product’);
    if ($product.length) {
    var $qty = $product.find(‘input.qty’);
    if ($qty.val() == 0) {
    $qty.val(1).trigger(‘change’);
    }
    }
    });
    jQuery(document).on(‘reset_data’, function(e) {
    var $product = jQuery(e[‘target’]).closest(‘.woosb-product’);
    if ($product.length) {
    $product.find(‘input.qty’).val(0).trigger(‘change’);
    }
    });
    </script>
    <?php
    }

    Working for wordpress woocommerce

    ////////// ** Project END ** \\\\

  • 資深大佬 : yunser

    JS 是图灵完备的语言

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具