我正在尝试使用 Bootstrap 的 data-toggle 属性来允许用户选择权限级别。
我在 JSFiddle 上做了一个简单的演示,预期值为:
- 无:0
- 用户:1
- 管理员:2
- 用户 + 管理员 = 3
问题是计算值似乎比实际切换按钮落后一步。
我很确定这是一个非常简单的问题,但到目前为止,解决方案已经成功地避开了我。
显然,我需要在这里复制 JSFiddle 代码:
$(document).ready(function () {
$('#privileges button').click(function () {
var privileges = 0;
//$(this).addClass('active');
$('#privileges button').each(function () {
if ($(this).hasClass('active')) {
privileges += parseInt($(this).attr('value'));
}
});
$('input[id="user[privileges]"]').val(privileges);
});
});
和 HTML:
<label for="user[privileges]">Privileges</label>
<input id="user[privileges]" name="user[privileges]" type="text" value="0">
<div id="privileges" class="btn-group" data-toggle="buttons-checkbox" style="width: 100%;">
<button type="button" class="btn" style="width: 50%;" value="1">User</button>
<button type="button" class="btn" style="width: 50%;" value="2">Administrator</button>
</div>