zoukankan      html  css  js  c++  java
  • 多个按钮点击,判断是哪一个按钮,以及该按钮的取值

    1.html文件

    <ul class="priceList" style="margin-top:16px;">
                        <li><button id="bidPrice1">-100</button><button id="bidPrice2">100</button></li>
                        <li><button id="bidPrice3">-100</button><button id="bidPrice4">100</button></li>
                        <li><button id="bidPrice5">-100</button><button id="bidPrice6">100</button></li>
                        <li><button id="bidPrice7">-100</button><button id="bidPrice8">100</button></li>
                        <li><button id="bidPrice9">-100</button><button id="bidPrice10">100</button></li>
                        
    </ul>

    2.JS文件

    function bidPriceList(){
        
        $('.priceList').on('click',function(e){
    //        var target = $(event.target); //此处就是可以查看是那个点击的jQ对象
    //        alert(target.text());
            
    //        var type =  $("#aucLotPricetype").val();//显示当前拍卖的出价类型;
    //        alert(type);
            var type = "start";
            
            var aucId = $("#auclotId").val();//拍卖id
            var auctionsId = $("#auctionId").val();//拍卖会id
            
            var nowPrice = $("#setPrice").html();//当前最新出价,如果没有人出价,就是起拍价
            
            var changePrice = $(event.target).text();//当前竞买人改变的价格
            
            var bidPrice = parseFloat(nowPrice) + parseFloat(changePrice);//最新的出价
            
            //修改最新出价的显示值
            $("#setPrice").html(bidPrice);
            
            //当前出价记录到哪个竞买人的记录中
            $.ajax({
                type : "POST",
                url : parent.baseUrl + 'auctions/manage/price/'+type,
                data : {
                    "type":type,
                    "aucId":aucId,
                    "auctionId":auctionsId,
                    "price":bidPrice//出价的价格
                },
                dataType : 'json',
                success : function(result) {
                    $.messager.show({
                        title : '提示信息!',
                        msg : '操作成功!'
                    });
                },
                
                error : function(result) {
                }
            });
        })
        
    }
  • 相关阅读:
    2018/1/1 XML和DOM、SAX解析
    2018/1/1 Html+CSS+JavaScript
    2017/12/30 GUI和动态代理
    开发运维实施一系列问题归类
    如何理解并发,并行,串行
    java内存溢出与内存泄漏
    IDEA 导入的聚合工程父工程报错Cannot resolve symbol 'modelVersion'
    jvm垃圾回收算法
    String创建对象的难题一
    String详解
  • 原文地址:https://www.cnblogs.com/mr-wuxiansheng/p/6267101.html
Copyright © 2011-2022 走看看