Question

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

这是我自定义的收音机输入字段，其中包含动态值。我试图一次选择一个收音机，然后从其他收音机中取消选择。但我找不到任何信息。我发现的一个具有name属性或具有静态输入字段。

我的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>

Answer 2

tbh，我不完全了解您要执行的操作，但是您可以将刚刚单击的按钮传递给功能

<input type="radio" on-click="checkDefaultLanguage(this)" id="checkbox"  >

在您的函数中，无论是否选中，您都可以取消选中每个框。之后，此for循环只需检查您传递给该函数的那个。

用动态值检查一个单选按钮

2 个答案: