javascript - Bootstrap Carousel - 如何禁用右（下一个）按钮

Question

我有 2 个单选按钮。（是和否）

单击是 - 下一步按钮应处于活动状态（.btn-primary）[颜色应为蓝色]

点击 NO -- p 标签应该是可见的，并且下一步按钮应该被禁用（它应该在那里，但将处于非活动状态）

我能做

选项卡可见..但不是 btns

链接到JSfiddle

$('#radio1').change(function(){
      if ($(this).is(':checked')) {
        $('#notes-sp').addClass('hide');
      }
    });
    $('#radio2').change(function(){
      if ($(this).is(':checked')) {
        $('#notes-sp').removeClass('hide');
        $('#show-plan').addClass('btn-primary');
        $('.right').attr('disabled','disabled');

      }
    });

Answer 1

单击是时，请在代码中更改以下内容：

$('#radio1').change(function(){
  if ($(this).is(':checked')) {
      $('.radio').parent('div').find('#notes-sp').addClass('hide');   
      $('#myCarousel').find('.right').css('background-color','#006dcc');
      $('#myCarousel').find('.right').addClass('btn-primary');
  }
});

单击“不更改”代码中的以下内容时：

$('#radio2').change(function(){
  if ($(this).is(':checked')) {
    $('#myCarousel').find('.right').css('background-color','#222222');
    $('#myCarousel').find('.right').addClass('disabled');
    $('.radio').parent('div').find('#notes-sp').removeClass('hide');
    $('.radio').parents('div').find('#show-plan').addClass('btn-primary');
    //$('.radio').parents('div').find('a[data-slide="next"]').addClass('btn-primary').removeClass('carousel-control:hover');
  $('.radio').parents('div').find('a[data-slide="next"]').attr('disabled','disabled').removeClass('carousel-control:hover');
  }
});