0

要求：在表中动态创建无线电引导开关。

参考：我正在尝试实现此链接中给出的无线电引导开关 - http://www.bootstrap-switch.org/#radio-javascript

我必须动态地创建它。所以我通过更改上面链接中给出的“创建”示例代码来尝试它

js 和 css 文件的链接是 - https://github.com/BdMdesigN/bootstrap-switch/tree/master/static

问题描述：能够创建引导开关，但无法处理在同一组中选择一个开关的单选按钮功能

我的代码：

<table class="table table-bordered table-hover" id="main_table">
<thead>
<tr>
<th>Role Name</th>
<th>Status</th>
</tr>
</thead>
<tbody></tbody></table>

在创建函数中，我添加了以下代码来为表创建单选开关：

$('#btn-create').on('click', function () {          
        mainTable.fnAddData([
        'Role1',
        ' <input id="Role1" type="radio" name="mainTableRadio" checked >',
        '1'
        ]);
        $('#Role1').wrap('<div class="make-switch mainTableRadio"  />').parent().bootstrapSwitch();
         mainPolicyTable.fnAddData([
        'Role2',
        ' <input id="Role2" type="radio" name="mainTableRadio"  >',
        '1'
        ]);
        $('#Role2').wrap('<div class="make-switch mainTableRadio"  />').parent().bootstrapSwitch();
        $(this).remove()
    });
    $('.mainTableRadio').on('switch-change', function () {
        console.log("inside switchchange");
        $(' .make-switch.mainTableRadio').bootstrapSwitch('toggleRadioStateAllowUncheck', false);
    });

我也无法在交换机的switch-change功能中打印日志

4

1 回答 1

0

我通过在“btn-create”点击事件中添加“switch-change”功能解决了这个问题。

于 2013-10-25T08:21:45.483 回答