提问者:小点点

如何在bootstrap中使用这样的单选按钮


样式单选按钮

我如何使用引导类样式这样一个单选按钮


共1个答案

匿名用户

使用此代码

null

var smoking = document.querySelector('#yes')
var notSmoking = document.querySelector('#no')

smoking.addEventListener('click', () => {
  smoking.setAttribute("disabled", "disabled");
  notSmoking.removeAttribute("disabled");
})

notSmoking.addEventListener('click', () => {
  notSmoking.setAttribute("disabled", "disabled");
  smoking.removeAttribute("disabled");
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" rel="stylesheet"/>
<button class="btn btn-danger" id='yes'>Smoking</button>
<button class="btn btn-success" id="no">Not Smoking</button>