html界面选择按钮没法取消,html - 为什么自定义单选按钮在单击另一个单选按钮后没有取消选中？ - 堆栈内存溢出...

我有两个自定义单选按钮，单击时要添加一个自定义的勾号[tick]，但是当我单击第二个按钮时，第一个单选按钮仍处于选中状态。

这是html：

Zapłać przelewem (czas przetwarzania zamówienia będzie dłuższy)

{l s='Pay with PayU' mod='payu'}

这是CSS

input[type="radio"] {

display: none;

}

input[type="radio"] + label {

display: inline-block;

cursor: pointer;

}

input[type="radio"] + label:before {

content: "";

display: inline-block;

position: relative;

border: 1px solid #000;

border-radius:50px;

width: 60px;

height: 60px;

margin:0;

}

input[type="radio"]:checked + label:before {

content: "✔";

font-family: 'lucida grande';

font-size: 45px;

line-height: 60px;

text-align: center;

}

我希望当用户单击第二个按钮时，自动取消选中第一个按钮，

我的代码在做什么错？