我正在尝试在该部分设置数据绑定可见性,如下所示
<div class="col-md-6" data-bind="visible: !sameAsShippingAddress() || !hasCustomerAccNum()">
sameAsShippingAddress
和sameAsShippingAddress
都是复选框字段,当选中其中一个复选框时,div类应不可见
两个复选框字段为
<div class="form-check" style="float:left;">
<input class="form-check-input position-static" type="checkbox" id="HasCustomerAccNum" value="HasCustomerAccNum" data-bind="checked: hasCustomerAccNum" />
<label>Has Customer Account Number?</label>
</div>
<div class="form-check" style="float:right;">
<input class="form-check-input position-static" type="checkbox" id="SameAsShippingAddress" value="SameAsShippingAddress" data-bind="checked: sameAsShippingAddress" />
<label>Billing address is same as Shipping Address</label>
</div>
和js文件,我将它们的字段设置为
self.sameAsShippingAddress = ko.observable(false);
self.hasCustomerAccNum = ko.observable(false);
问题是只有在两个字段都选中时,div类才不可见
我在这里遗漏了什么。我希望右侧部分即使在选中一个复选框时也不可见
1条答案
按热度按时间nwlqm0z11#