如果data-toggle = bootstrap中用于单选按钮的按钮,则knockoutJS绑定不起作用

时间:2016-02-23 15:53:23

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

我正在使用带有bootstrap的单选按钮敲除绑定。

<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时,数据绑定不起作用 但如果我删除这个数据绑定工作。 但在那种情况下单选按钮样式来了,但我需要按钮样式。 你能建议任何解决方案吗?

want first one not the second one, second one pass the value but first one donot

1 个答案:

答案 0 :(得分:0)

我使用了上面提到的自定义绑定,它对我有用。 deatails自定义绑定将在此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>