引导旋转木马-如何禁用右(下)按钮

Question

我有两个单选按钮。(是的,没有)

点击是-下一步按钮应该是活动的(.btn-primary) [COLOR应该是蓝色]

点击NO——p标签应该是可见的，下一个按钮应该被禁用(它应该在那里，但将是不活动的)

我可以使

制表符可见，但不能使btns

链接到jsfield

$('#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

当单击Yes时，在代码中更改以下内容:

$('#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');
  }
});

当单击No时，在代码中更改以下内容:

$('#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');
  }
});