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

        <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>
    
        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) {
                }
            });
        })
        
    }
    
    
        $(".btn-info").on('click',function(event){
    
         var clickedButtonDOM=event.target; //获取按钮的DOM元素
         var id = clickedButtonDOM.getAttribute('id');//获取指定的元素
         console.log(id);
    });
    
    
  • 相关阅读:
    与众不同 windows phone (39)
    与众不同 windows phone (38)
    与众不同 windows phone (37)
    与众不同 windows phone (36)
    与众不同 windows phone (35)
    与众不同 windows phone (34)
    重新想象 Windows 8 Store Apps 系列文章索引
    重新想象 Windows 8 Store Apps (71)
    重新想象 Windows 8 Store Apps (70)
    重新想象 Windows 8 Store Apps (69)
  • 原文地址:https://www.cnblogs.com/sunxiuwen/p/10693503.html
Copyright © 2011-2022 走看看