我在代碼中添加了引導復選框，但用戶應該只能選擇一個復選框，其他復選框會自動取消選中。但我無法做到這一點，有人可以告訴我應該在我的代碼中添加什么 這是結果的螢屏截圖
<div class="form-check form-switch" style="display: flex;">
<label class="form-check-label" for="uo1">UO1</label><br>
<input class="form-check-input" type="checkbox" name="uo1" id="uo1" value="0" />
<div id="uo1div" style="display:none">
<BR> TJM = 225 €
</div>
<script type="text/javascript">
$('#uo1').change(function() {
$('#uo1div').toggle();
});
</script>
</div>
uj5u.com熱心網友回復：
您需要一個單選型別輸入，而不是復選框。每個輸入都有一個唯一的 id 和值，但名稱相同以將其放入“無線電組”。見https://www.w3schools.com/html/html_form_input_types.asp
<input class="form-check-input" type="radio" name="uo" id="uo0" value="0" />
<input class="form-check-input" type="radio" name="uo" id="uo1" value="1" />
<input class="form-check-input" type="radio" name="uo" id="uo2" value="2" />
uj5u.com熱心網友回復：
您可以改用單選按鈕。并添加看起來像復選框的css。或者您可以使用 javascript 或 jQuery 取消選中所有復選框，然后選中當前一個。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/486779.html
標籤：javascript jQuery 复选框 引导程序 4 twitter-bootstrap-3
上一篇：即使輸入有效，也會顯示錯誤訊息