javascript - 淘汰赛js中的无线电验证

Question

我有一个从 ajax 得到的收音机列表：

<div data-bind="foreach: availableServices">
    <div class="row">
         <label>
             <span class="cb"><input type="radio" name="service" data-bind="attr:{value: number}, checked: $root.selectedService"></span>
             <span data-bind="text: name"></span>
             <span data-bind="text: price"></span>€
             <span data-bind="text: duration"></span>min
          </label>
     </div>
</div>

当验证敲除未检查无线电时，我想显示错误。你能帮我吗？谢谢

Answer 1

您可以使用下一个绑定：

    <span style="color: red;" data-bind="text: 'Please, select service', 
       visible: !selectedService()">  

这span应该在<div data-bind="foreach
JSFiddle DEMO之外