分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

each jquery

发布时间:2023-09-06 01:36责任编辑:苏小强关键词:暂无标签
 ???????<div class="first"> ???????????<span>投保人数:</span> ???????????<input type="text" id="people_num" placeholder="预计投保人数" value="1">  人 ???????</div> ???????<div class="first" style="height: auto;"> ???????????<span class="span2">投保方案:</span> ???????????<div class="button_main"> ???????????????????????????????????????????????????????<div class="button" data-price="1000.55">方案一</div> ???????????????????????????????????????<div class="button" data-price="2000">方案二</div> ???????????????????????????????????????<div class="button" data-price="3000">方案三</div> ???????????????????????????????????????????????</div> ???????</div> ???????<div class="bottom_button" id="to_calculate"> ???????????立即计算 ???????</div>

  

//计算价格function calculation_price(){ ???var people_num = parseInt($(‘#people_num‘).val()); ???if(people_num < 0){ ???????console.log("人数错误"); ???????return false; ???} ???if (!$(‘.button_main div‘).hasClass(‘button_selected‘)){ ???????$(‘.button_main .button:first‘).addClass(‘button_selected‘); ???} ???$(‘.button‘).each(function(index){ ???????var _this = $(this); ???????var _select_price = parseFloat(_this.data(‘price‘)); ???????if(_this.hasClass(‘button_selected‘)){ ???????????var _select_price = parseFloat(_this.data(‘price‘)); ???????????var total_fee = _select_price * people_num; ???????????$(‘#total_fee‘).html(total_fee + ‘元‘); ???????} ???});}// $(document).on(‘click‘,‘#to_calculate‘,function () {// ????$(‘.calculation_result‘).fadeIn();// });//点击切换方案$(document).on(‘click‘,‘.button‘,function () { ???if($(‘.button‘).has(‘button_selected‘)){ ???????$(‘.button‘).removeClass(‘button_selected‘); ???} ???$(this).addClass(‘button_selected‘); ???calculation_price();});//变换投保人数$(document).on(‘change‘,‘#people_num‘,function(){ ???var people_num = $(‘#people_num‘).val(); ???console.log(people_num); ???if(!(/(^[1-9]\d*$)/.test(people_num))){ ???????alert("投保人数仅可为正整数"); ???????$(‘#people_num‘).val(‘1‘); ???????return false; ???} ???calculation_price();});

  

each jquery

原文地址:https://www.cnblogs.com/pansidong/p/8277869.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved