无法正确验证单选检查，因为 DOM 在执行验证之前返回值

Question

对不起，这个花絮可能很混乱。

我有一个单选复选框，如果单击一次，如果再次单击，则取消选中。

<label class='container'><p1 style='font-size: 14px'>Able to fit several products</p1>
<input type='radio' name='Delivery' id='Delivery' onclick='radio_check();'>
<span class=checkmark></span>
</label>
var radio = document.getElementById("Delivery")
if(radio.checked){
   radio.checked = false;
}else{
   radio.checked = true;
}

此代码的问题在于它将始终返回 radio.checked = false。如果未选中无线电并且用户选中了它，则此函数仍将返回 false，因为发送到此的值是无线电已选中，我该如何解决此问题？

https://jsfiddle.net/o2ayejz9/

Answer 1

使用 checkbox 而不是 radio

https://jsfiddle.net/o2ayejz9/1/

<input type='checkbox' name='Delivery' id='Delivery' onclick='radio_check();'>

更新了你的小提琴