Javascript 引导切换:一开一关
我正在使用引导切换插件,它将复选框转换为切换按钮 当我将切换状态从“关闭”更改为“打开”时,我希望所有其他状态都切换为“关闭”Javascript 引导切换:一开一关,javascript,jquery,twitter-bootstrap,toggle,Javascript,Jquery,Twitter Bootstrap,Toggle,我正在使用引导切换插件,它将复选框转换为切换按钮 当我将切换状态从“关闭”更改为“打开”时,我希望所有其他状态都切换为“关闭” <input type="checkbox" checked data-toggle="toggle" data-onstyle="success" class="toggle" id="toggle-one"> <input type="checkbox" checked data-toggle="toggle" data-onstyle="su
<input type="checkbox" checked data-toggle="toggle" data-onstyle="success" class="toggle" id="toggle-one">
<input type="checkbox" checked data-toggle="toggle" data-onstyle="success" class="toggle" id="toggle-two">
<input type="checkbox" checked data-toggle="toggle" data-onstyle="success" class="toggle" id="toggle-three">
$('#toggle-one').bootstrapToggle('on');
$('#toggle-two').bootstrapToggle('off');
$('#toggle-three').bootstrapToggle('off');
$(“#切换一”).bootstrapToggle('on');
$(“#切换两个”).bootstrapToggle('off');
$('切换三').bootstrapToggle('关闭');
将JQuery选择器更改为通过元素的类而不是元素的ID来选择:
拨动
$('.toggle').bootstrapToggle('on');
或
试试这个
$(".toggle").change(function() {
if ($(this).is(":checked")) {
$('[id^="toggle"]').not(this).each(function() {
$(this).bootstrapToggle('off');
});
}
});
我想做的是,除了当前元素,我正在向所有其他元素前进
这里是链接您希望切换按钮的行为更像是单选
,而不是复选框
,那么为什么不将它们全部转换为单选
<input type="radio" data-toggle="toggle" data-onstyle="success"
class="toggle mytoggle" id="toggle-one">
效果很好,但该函数只运行一次,我无法再次更改为您想要的,如果关闭,则所有其他函数都应打开,反之亦然?一次只打开一个,其他函数关闭原始函数执行我希望它执行的操作,但只允许我运行一次。有什么想法吗?所以这个想法是,哪一个是开着的,另一个应该是关着的,对吗?
<input type="radio" data-toggle="toggle" data-onstyle="success"
class="toggle mytoggle" id="toggle-one">
$('.toggle').click(function(){
$(this).find('input.toggle').removeClass('off');
$('.toggle').not(this).each(function(){
$(this).addClass('off');
$(this).removeClass('btn-success');
}); /*END each*/
$(this).removeClass('off');
$(this).addClass('btn-success');
}) /*END click*/