day18【前台】订单/23-尚硅谷-尚筹网-前台-订单-控制立即付款按钮是否生效

好，下边我们再看这个页面啊。这一部分已经就OK了啊，然后呢，下边这个发票这啊，这个时候就是说看用户他选的是哪一个。嗯。然后呢，下边是。这边是死的对吧？哎，然后这边是用户填就好了，然后所以说呢，下边就是立即付款，这用户点这个按钮提交整个这个所有的这些数据啊，那么在提交呢，就提交给我们支付这个模块了，在做这个事儿之前呢，我们去看一下啊这些这些个。信息呢，他们在不在一个表单里边。找到我们这个页面哈。立即付款。嗯，他说这是一个button，普通的button，然后这个里边呢，看这个页面哈。

啊，对了，我们。确认配送信息，这个地方呢，它是一个表单。但是呢，其他的信息呢，你看并没有给我们放到这个表单子里边。哎，所以说呢，那这个地方，呃，还得这个教练提交这数据，得想一点办法啊，这这个倒是也没有什么太大的问题，呃，现在就是说我们需要给这个立即付款的这个按钮哈，得去处理一下。嗯，它其实是这样的，你下边有一个按钮叫了解，我已了解风险和规则啊，他这儿应该是这样，它在这个这个东西勾选了，那么立即付款，这儿就应该是可以提交的，哎，这儿要是没勾选这儿就不可以提交啊，他提交不提交是怎么控制的呢？就是这个disable的。啊，我们在这儿把这个disable的这个先给它去掉。页面上我们来刷新一下。你看这个按钮它就能点了，哎，他能点了，那就呃，就是说受disable的这个属性控制的啊，你要让他不能点，就设置disable的这个属性。

所以在这这个地方我们去处理一下啊，看用户有没有点他，诶用户页面刚开始是这个是没有被选中的。也就是说呢，这个地方这是应该，哎，初始的情况下是不加这个差的。然后呢，给他设置一个ID。嗯嗯，这个叫做，呃，这个这个check box叫啥哈。No。入啊。风险这个英文单词不会写，然后这个规则呢，就是录是吧，哎，No入check box。啊，所以说由他来控制我们这个按钮啊，它是否是被啊，是否是可以用的，所以说给这个立即付款的按钮啊。

呃，也给他设置一个ID。叫做呃，配吧。在这儿呢，我们去写一下这个几块的代码。哎，给他绑定一个单机小函数。点如果说。呃。我们去获取一下他当前的这个状态。哎，当前他是选中还是没选中呢，他的。呃，如果这个状态是真。啊，选中了啊，那么我们的。嗯。

他被勾选了啊，那么这个按钮配button呢，就去掉disable的这个属性。Disabled。呃，如果没有被勾选啊，他如果是放的话啊，那么就给他加一下这个属性。属性名和属性值一样，好嘞。啊，默认是不勾选的哈。哦，对了，默认不勾选，默认不勾选的话，它应该这个按钮呢，默认是disable啊对对对。所以说我们找到。

这哈，对这个disable的默认还是得加上。刷新一下。我勾它就能用，我去掉勾，诶去掉勾，我发现这个没管用哈，这边没有受影响。哎，那么就是说应该是我们这个remove at tr啊，就这个这个方法吧，这个方法它是个一次性的，在这儿我们试一下啊，是不是说不能是移除或者是添加属性啊，这个移除和添加的问题，我们把这儿呢设置成这个。给他设置一下啊，他如果是为真的话啊，就给它设置为，呃，设置一个那。啊，如果说他是一个。呃，为甲的话设置为disabled啊，我们再这样改一下试试啊。嗯，这个也不行，这么改哈，我们用这个property这个函数，哎，呃，是property的缩写啊，然后表示设置它的属性。

我如果。它为真的情况下啊，就把它设置为空凑串啊，就这个属性的值就给它相当于取消了，然后呢，如果是它为假的话，那么我们就给它呢，这边加上这个值设置为disabled proper这个属性，其实这个函数咱们用过，它是可以多次去执行的啊at tr呢只能执行一次。哎，这会大家看一下啊。我勾它就管用，去掉它就禁用啊，我勾就管用，去掉就禁用。就是这么一个效果啊。