数据的改变

					 数据的改变

开发工具与关键技术：Visual Studio 2015   选中、取消而产生的数据改变

作者：廖 茂

撰写时间：2019年07月15日

在做项目的时候，往往需要处理各种类型的数据，不过很多时候都是处理一些基础数据，这些数据比较容易处理，但在业务流程中的数据处理都是比较复杂的，因为要应对一些可以随时发生改变的数据，所以需要用上各种各样的方法来处理数据。

在这里以保险的购买为例，由是否勾选保险来决定总价，页面如下：

上图中可以看到有两种保险，并且价格不同，在这里要实现的功能是：如果勾选了航空综合险，就在下面的航空综合险的购买数量由“￥30×0”变成“￥30×1”，总价就会加上所勾选的保险对应的价格，如果取消勾选，数量就减1，总价就会减掉该保险对应的价格，相对应的，机票退改险如果勾选上，那么下面的购买数量就加1，总价也会加上该保险的价格，取消勾选就减1，总价就会减掉该保险的价格。下面开始编写方法代码，在这里，是通过判断“类名”的有无来进行保险的购买数量以及价格的变化，先给两个复选框加上一个类，如下：

类名就是“checked”，以这个类型为依据进行判断这个类名的有无来进行保险的购买数量以及价格的变化，首先编写第一个保险的方法，如下：

先给勾选航空综合险的复选框绑定点击事件，然后判断复选框标签是否存在着“checked”这个类名，this调用绑定点击事件时的ID获取，判断如果存在“checked”这个类名就进入下一步操作，如下：

先把类名移除，然后获取航空综合险当前的购买数量，接着声明一个变量接收该保险当前购买数加1的结果，就是新的购买数量，再把之前的购买数量改为现在的购买数量，然后给复选框赋值为1，接着再获取到当前的总价，然后把当前总价加上航空综合险的价格赋值给一个变量，最后用新的总价把之前的总价替换掉。如果判断复选框没有“checked”这个类名，就先给复选框添加类名，然后获取当前航空综合险的购买数量，再把获取到的购买数量减去1，其结果就是新的购买数量，再用新的购买数量把之前的购买数量替换掉，然后再给复选框赋值为2，如下：

接着再获取当前的总价，再用获取到的总价减掉航空综合险的价格，就是新的总价，最后用新的总价把之前的总价给替换掉，如下：

这样航空综合险的方法代码就编写完了，那么就看一下效果有没有实现，如下：


可以看到，勾选航空综合险，其对应的保险购买数量加1，总价也加上了航空综合险的价格；去掉勾选，保险购买数量就会减1，总价也会减掉航空综合险的价格。

接着还有机票退改险的功能，实现这个功能的方法代码和航空综合险的方法代码基本一样，就是ID的不同，都是通过“checked”这个类名的有无来决定保险购买数量以及总价的变化，如果存在“checked”这个类名，就是勾选上保险，保险购买数量和总价就对应地增加，如果判断不存在“checked”这个类名，就是取消勾选保险，保险购买数量和总价就对应地减少，就直接看效果吧，如下：



可以看到，我们需要的效果已经实现了，保险购买数量以及总价会根据保险的勾选情况而进行变化。

标签：总价,勾选,保险,改变,购买,数据,数量,类名
来源： https://blog.csdn.net/weixin_44540396/article/details/96423281