Question

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

单击是 - 下一个按钮应该是活动的（.btn-primary）[颜色应该是蓝色]

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

我能够显示

标签..但不是btns

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

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

1 个答案: