knockout.js 可见数据绑定未按预期工作

izkcnapc  于 2022-11-10  发布在  其他
关注(0)|答案(1)|浏览(151)

我正在尝试在该部分设置数据绑定可见性,如下所示

<div class="col-md-6" data-bind="visible: !sameAsShippingAddress() || !hasCustomerAccNum()">

sameAsShippingAddresssameAsShippingAddress都是复选框字段,当选中其中一个复选框时,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类才不可见

我在这里遗漏了什么。我希望右侧部分即使在选中一个复选框时也不可见

nwlqm0z1

nwlqm0z11#

<div class="col-md-6" data-bind="visible: !sameAsShippingAddress() && !hasCustomerAccNum()">

相关问题