我正在使用 Bootstrap 3，我有一個像這樣的單選按鈕：
<input type="radio" name="attr_var" class="minimal">
Add To Attribute
用戶可以正常點擊進行勾選，但再次點擊時不會取消勾選。
基本上，當它被選中時，用戶可以在重新單擊它時取消選中它，但這不會鍛煉。
那么如何解決這個問題呢？
uj5u.com熱心網友回復：
單選按鈕與復選框不同。用戶可以在一組單選按鈕之間更改選項，但不能取消選擇。
您可以參考此答案以更好地解釋為什么無法取消選擇 HTML“收音機”輸入？
PS。這適用于原生HTML 單選按鈕。您仍然可以為此使用復選框，或者使用具有相同行為方式的 CSS 和 Javascript 創建自己的按鈕。
uj5u.com熱心網友回復：
如果您只想使用單個選項來選中或取消選中，請使用Checkbox而不是Radio button。
例如，
<input type="checkbox" name="sampleName" value="sampleValue"> Label
uj5u.com熱心網友回復：
單選按鈕不能取消選中，我認為您只需要一個可以選中或取消選中的復選框。
請在此處找到參考：https ://getbootstrap.com/docs/5.0/forms/checks-radios/
<input type="checkbox" name="attr_var" class="minimal">
Add To Attributeuj5u.com熱心網友回復：
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">
Default radio
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2" checked>
<label class="form-check-label" for="flexRadioDefault2">
Default checked radio
</label>
</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/438892.html
標籤：html css 推特引导 twitter-bootstrap-3 管理员
上一篇：我怎樣才能制作子選單