HTML |<input>选中属性(1)

📌 相关文章

📜 HTML |<input>选中属性(1)

📅 最后修改于: 2023-12-03 15:01:14.983000 🧑 作者: Mango

HTML | 选中属性

在HTML中，标记用于创建各种表单元素，如文本框、单选框、复选框等。而选中属性，用于指示该元素是否应该被选中。

选中属性的语法

选中属性只适用于一些具有可选择性的元素，如单选框和复选框。

选中属性的语法如下：

<input type="radio" name="gender" value="male" checked> Male
<input type="radio" name="gender" value="female"> Female

<input type="checkbox" name="vehicle" value="Car" checked> I have a car
<input type="checkbox" name="vehicle" value="Bike"> I have a bike

在这个例子中，“checked”属性用于选中单选按钮和复选框。

选中属性的取值

选中属性只需要有一个值：checked。如果选中属性存在，则表示该元素已被选中。如果不存在，则表示该元素默认未被选中。

常见问题

如何使用JavaScript更改选中属性？

可以使用 JavaScript 来改变输入元素的状态，例如，当一个按钮被点击时，切换状态：

<!DOCTYPE html>
<html>
  <body>

    <form>
      <input type="checkbox" id="myCheck" onclick="myFunction()">
      <label for="myCheck">Toggle me</label>
    </form>

    <p>点击复选框，文本会“切换”不同状态。</p>

    <script>
      function myFunction() {
        var checkBox = document.getElementById("myCheck");
        if (checkBox.checked == true){
          checkBox.checked = false;
        } else {
          checkBox.checked = true;
        }
      }
    </script>

  </body>
</html>

当您单击复选框时，JavaScript将调用myFunction()函数，该函数将切换选中属性的值。如果复选框已选中，则取消选择；如果未选中，则选中。

单选框的名称属性是什么？

在单选按钮中，name 属性用于指定选项的名称，以便在提交表单时可以在一个组中标识被选择的选项。因此，如果您有多个单选框，但它们都具有相同的名称，则它们将被视为同一个组。