西西木科技丨Shopify开发机构 2022-09-18 22:29 采纳率: 96.4%
浏览 54
已结题

js根据显示的div自动点击所有atcbtn

js根据显示的div自动点击所有atcbtn
需求:
点击botton#fianlatc后,根据显示在页面的input.atcbtn,同时自动点击
display:none的input.atcbtn不会被点击

<div class="container"
     id="finalform"
     style="">
<botton id="fianlatc" class="custombtn">Add To Cart</botton>
    <div class="product-boxx"
         id="product-laptop"
         style="">
        <p class="producttitle">Laptop</p>
        <p class="productprice">$79.99 USD</p>
  <form method="post" action="/cart/add">
    <input type="hidden" name="id" value="42749446029479" />
    <input type="submit" value="Add to cart" class="atcbtn" />
  </form> 
    </div>
    <div class="product-boxx"
         id="product-monitor"
         style="display:none;">
        <p class="producttitle">Monitor</p>
        <p class="productprice">$69.99 USD</p>
  <form method="post" action="/cart/add">
    <input type="hidden" name="id" value="42749446029480" />
    <input type="submit" value="Add to cart" class="atcbtn" />
  </form> 
    </div>
    <div class="product-boxx"
         id="product-lapmon"
         style="display:none;">
        <p class="producttitle">Laptop</p>
        <p class="productprice">$99.99 USD</p>
  <form method="post" action="/cart/add">
    <input type="hidden" name="id" value="42749446029481" />
    <input type="submit" value="Add to cart" class="atcbtn" />
  </form> 
    </div>
    <div class="product-boxx"
         id="product-monitor2"
         style="display:none;">
        <p class="producttitle">Laptop</p>
        <p class="productprice">$89.99 USD</p>
  <form method="post" action="/cart/add">
    <input type="hidden" name="id" value="42749446029482" />
    <input type="submit" value="Add to cart" class="atcbtn" />
  </form> 
    </div>
    <div class="product-boxx"
         id="product-light"
         style="">
        <p class="producttitle">Laptop Light</p>
        <p class="productprice">$70.00 USD</p>
  <form method="post" action="/cart/add">
    <input type="hidden" name="id" value="42749446029483" />
    <input type="submit" value="Add to cart" class="atcbtn" />
  </form> 
    </div>
    <div class="product-boxx"
         id="product-pad"
         style="">
        <p class="producttitle">Laptop pad</p>
        <p class="productprice">$39.99 USD</p>
  <form method="post" action="/cart/add">
    <input type="hidden" name="id" value="42749446029484" />
    <input type="submit" value="Add to cart" class="atcbtn" />
  </form> 
    </div>
    <div class="product-boxx"
         id="product-micro"
         style="">
        <p class="producttitle">Laptop</p>
        <p class="productprice">$39.99 USD</p>
  <form method="post" action="/cart/add">
    <input type="hidden" name="id" value="42749446029485" />
    <input type="submit" value="Add to cart" class="atcbtn" />
  </form> 
    </div>
<input type="number" id="finalprice">
</div>
 
 

  • 写回答

3条回答 默认 最新

  • CSDN专家-showbo 2022-09-18 23:21
    关注
    <script>
    
        function setSum() {
            var sum = 0;
            $('#finalform .product-boxx:visible p.productprice').each(function () {
                sum += parseFloat(this.innerText.substring(1));
            });
            sum = sum.toFixed(2);//保留2位小数,防止浮点数计算精度丢失
            $('#finalprice').val(sum)
    
    
            $('#fianlatc').click(function () {
                $('#finalform .product-boxx:visible input.atcbtn').trigger('click')
            })
    
        }
        function afterform() {
            $('#finalform').show();
            setSum();
        }
    </script>
    
    <script>
        /*///这块代码不需要,因为默认finalform容器隐藏的,所以product-boxx也是隐藏的,所以没获取到任何对象,改为上面的代码
        var sum = 0;
        $('#finalform .product-boxx:visible p.productprice').each(function () {
            sum += parseFloat(this.innerText.substring(1));
        });
        sum = sum.toFixed(2);//保留2位小数,防止浮点数计算精度丢失
        $('#finalprice').val(sum)
    
    
        $('#fianlatc').click(function () {
            $('#finalform .product-boxx:visible input.atcbtn').trigger('click')
        }) */
    
    </script>
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(2条)

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 9月20日
  • 已采纳回答 9月20日
  • 创建了问题 9月18日

悬赏问题

  • ¥20 关于#硬件工程#的问题,请各位专家解答!
  • ¥15 关于#matlab#的问题:期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707,使系统具有较小的超调量
  • ¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
  • ¥30 截图中的mathematics程序转换成matlab
  • ¥15 动力学代码报错,维度不匹配
  • ¥15 Power query添加列问题
  • ¥50 Kubernetes&Fission&Eleasticsearch
  • ¥15 報錯:Person is not mapped,如何解決?
  • ¥15 c++头文件不能识别CDialog
  • ¥15 Excel发现不可读取的内容