如果 data-toggle=buttons 在 bootstrap 中用于单选按钮，则 knockoutJS 绑定不起作用答案

【问题标题】：knockoutJS binding doesn't work if data-toggle=buttons used in bootstrap for radio button如果 data-toggle=buttons 在 bootstrap 中用于单选按钮，则 knockoutJS 绑定不起作用
【发布时间】：2016-06-05 13:25:23
【问题描述】：

我正在使用带有引导程序的单选按钮的敲除绑定。

<div class="btn-group" data-toggle="buttons">
            <label class="btn btn-default">
                <input class="radio-inline" type="radio" data-bind="checked:daysBackParameter" value="true" name="daysradio" >{{texts.showAll}}
            </label>
            <label class="btn btn-default">
                <input class="radio-inline" type="radio" data-bind="checked:daysBackParameter" value="30" name="daysradio" >{{texts.showOnly30Days}}
            </label>
            <label class="btn btn-default">
                <input class="radio-inline" type="radio" data-bind="checked:daysBackParameter" value="60" name="daysradio" >{{texts.showOnly60Days}}
            </label>
            <label class="btn btn-default">
                <input class="radio-inline" type="radio" data-bind="checked:daysBackParameter" value="90" name="daysradio" >{{texts.showOnly90Days}}
            </label>
            <!--
            <label class="btn btn-default">
                <span style="cursor:pointer" data-bind="click: function(){ filterClick(30) } ,css: { 'selectedFilter' : filterValue == 30 }"><u>30 </u></span>&nbsp;
            </label>
            -->
    </div>

问题是当我使用data-toggle=buttons 然后数据绑定不起作用但如果我删除它，那么数据绑定就可以了。但在那种情况下，单选按钮样式来了，但我需要按钮样式。您能提出任何解决方案吗？

【问题讨论】：

如果您要共享 DOM 的控制权，您需要自定义绑定处理程序。见jsfiddle.net/ervwalter/ccjnj

标签： javascript jquery html twitter-bootstrap knockout.js

【解决方案1】：

我使用了上面提到的自定义绑定，它对我有用。详情自定义绑定将在此custom biding by Roy J

上找到

<div class="btn-group" data-bind="radio: userType">
                                        <button type="button" class="btn btn-primary" data-value="company">Main User</button>
                                        <button type="button" class="btn btn-primary" data-value="person">Dummy user</button>

【讨论】：