Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导切换:一开一关_Javascript_Jquery_Twitter Bootstrap_Toggle - Fatal编程技术网

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*/