Question

如果我使用以下代码，为什么我不能取消选择单选项目？我可以在输入部分给2个项目2个不同的“名称”吗？（例如name =“ language1”和name =“ language2”）？谢谢！

<!DOCTYPE html>
<html>
<body>

<form action="/action_page.php">

  <input type="radio" name="language1" id="language1" value="'a'" class="css-checkbox" checked="" >
<label for="language1">a</label>
  <input type="radio" name="language2" id="language2" value="'b'" class="css-radio" checked="">
<label for="language2">b</label>
  <input type="submit" value="Submit">
</form>

</body>
</html>

Answer 1

由于您为name属性使用了不同的值，因此这两个单选按钮将被视为不同。因此，如果您只想选择两者之一（将两个单选按钮都视为一个选项），则您有两个对name属性使用相同的值。

关于选择，由于每个组（ language1 和 language2 ）下只有一个 radio 按钮可用，并且您已经提到了checked属性，因此将被选中，您将无法删除选择。

如果您要选择其中一个选项，请按以下步骤更改代码（通过使用具有相同值的name属性）：

<!DOCTYPE html>
<html>
<body>

<form action="/action_page.php">

  <input type="radio" name="language1" id="language1" value="'a'" class="css-checkbox" checked="" >
<label for="language1">a</label>
  <input type="radio" name="language1" id="language2" value="'b'" class="css-radio" >
<label for="language2">b</label>
  <input type="submit" value="Submit">
</form>

</body>
</html>

有关html无线电输入取消选择的问题

1 个答案: