多个按钮点击,判断是哪一个按钮,以及该按钮的取值

简介: 1.html文件 -100100 -100100 -100100 -100100 -100100  2.

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) {
            }
        });
    })
    
}

 

相关文章
|
9月前
|
Web App开发 自然语言处理 前端开发
可访问性测试(无障碍测试)
可访问性测试(无障碍测试)
297 0
可访问性测试(无障碍测试)
|
Java Linux
linux配置jdk环境出现错误:/usr/libexec/grepconf.sh: line 5: grep: command not found 的解决办法
linux配置jdk环境出现错误:/usr/libexec/grepconf.sh: line 5: grep: command not found 的解决办法
390 0
|
存储 关系型数据库 MySQL
MySQL数据库实战:从入门到精通
MySQL是一种流行的开源关系型数据库管理系统,广泛应用于Web开发领域。它具有稳定性和高性能的特点,为许多大型网站和应用程序提供了可靠的数据存储和访问解决方案。本文旨在通过一篇实战文章,帮助读者深入了解MySQL数据库的使用和优化,从而更好地应用于实际项目中。
666 0
|
Java Maven
完美解决导入aliyun-oss-spring-boot-starter导入依赖报错
完美解决导入aliyun-oss-spring-boot-starter导入依赖报错
1883 0
完美解决导入aliyun-oss-spring-boot-starter导入依赖报错
|
缓存 Java Spring
解决IDEA报错:无法检索应用程序 JMX 服务 URL[Failed to retrieve application JMX service URL]亲测可用
解决IDEA报错:无法检索应用程序 JMX 服务 URL[Failed to retrieve application JMX service URL]亲测可用
2465 1
WAMP 403 Forbidden禁止访问 的解决办法
修改httpd.conf文件   # onlineoffline tag - don't remove Require local To # onlineoffline tag - don't remove Require all granted参考:http://stackoverflow.
947 0
|
安全 前端开发 网络安全
网站漏洞检测服务对URL跳转漏洞检测分析
网站渗透测试是指在没有获得网站源代码以及服务器的情况下,模拟入侵者的攻击手法对网站进行漏洞检测,以及渗透测试,可以很好的对网站安全进行全面的安全检测,把安全做到最大化。在挖掘网站漏洞的时候我们发现很多网站存在域名跳转的情况,下面我们来详细的讲解一下。
399 0
网站漏洞检测服务对URL跳转漏洞检测分析
|
3天前
|
人工智能 自然语言处理 Shell
深度评测 | 仅用3分钟,百炼调用满血版 Deepseek-r1 API,百万Token免费用,简直不要太爽。
仅用3分钟,百炼调用满血版Deepseek-r1 API,享受百万免费Token。阿里云提供零门槛、快速部署的解决方案,支持云控制台和Cloud Shell两种方式,操作简便。Deepseek-r1满血版在推理能力上表现出色,尤其擅长数学、代码和自然语言处理任务,使用过程中无卡顿,体验丝滑。结合Chatbox工具,用户可轻松掌控模型,提升工作效率。阿里云大模型服务平台百炼不仅速度快,还确保数据安全,值得信赖。
129300 24
深度评测 | 仅用3分钟,百炼调用满血版 Deepseek-r1 API,百万Token免费用,简直不要太爽。
|
5天前
|
人工智能 API 网络安全
用DeepSeek,就在阿里云!四种方式助您快速使用 DeepSeek-R1 满血版!更有内部实战指导!
DeepSeek自发布以来,凭借卓越的技术性能和开源策略迅速吸引了全球关注。DeepSeek-R1作为系列中的佼佼者,在多个基准测试中超越现有顶尖模型,展现了强大的推理能力。然而,由于其爆火及受到黑客攻击,官网使用受限,影响用户体验。为解决这一问题,阿里云提供了多种解决方案。
16138 37
|
13天前
|
机器学习/深度学习 人工智能 自然语言处理
PAI Model Gallery 支持云上一键部署 DeepSeek-V3、DeepSeek-R1 系列模型
DeepSeek 系列模型以其卓越性能在全球范围内备受瞩目,多次评测中表现优异,性能接近甚至超越国际顶尖闭源模型(如OpenAI的GPT-4、Claude-3.5-Sonnet等)。企业用户和开发者可使用 PAI 平台一键部署 DeepSeek 系列模型,实现 DeepSeek 系列模型与现有业务的高效融合。

热门文章

最新文章