javascript - 检查一个具有动态值的单选按钮

Question

<input type="radio" on-click="checkDefaultLanguage" id="checkbox"  >
[[names(name)]]

这是我的 radio 自定义输入字段，其中包含动态值。我试图一次选择一台 radio ，然后取消选择其他 radio 。但我找不到这方面的任何信息。我发现的要么具有名称属性，要么具有静态输入字段。

我的JS

private checkDefaultLanguage() {
        const checkboxes = <HTMLInputElement>this.querySelector('#checkbox');

        checkboxes.addEventListener('click', () => {
            if (checkboxes.checked) {
              //what is should I do inside of it to make sure only one is selected at a time.
            }
        });
    }

Answer 1

只需在输入上使用名称，所有输入都将分配给 1 个组

<form>
    <fieldset>
        <legend>Select a maintenance drone</legend>

        <div>
            <input type="radio" id="huey" name="drone" checked />
            <label for="huey">Huey</label>
        </div>

        <div>
            <input type="radio" id="dewey" name="drone" />
            <label for="dewey">Dewey</label>
        </div>

        <div>
            <input type="radio" id="louie" name="drone" />
            <label for="louie">Louie</label>
        </div>

    </fieldset>
</form>