javascript - 单选按钮的行为

Question

我是一名 DOM/javascript 新手，正在努力掌握我的基础知识。我只是想观察单选按钮在单击时的行为。这是我的代码。

HTML

    <script src="tmp.js"></script>
    <input type="radio" id="inp1" name="same" onclick="show();"/>
    <input type="radio" id="inp2" name="same" onclick="show();"/>

JS (tmp.js)

   function show() {
       alert(document.getElementById("inp1").value + " " + document.getElementById("inp2").value);
   }

让我感到困惑的是，在运行时，单击任一按钮时警告框会显示“on on”。不应该是“on off”还是“off on”？

Answer 1

不，不应该。该值是您在 value 属性中指定的任何值(如果您未能提供单选按钮，则默认为 'on')。

由于只有选中的单选按钮才能成功并发送到服务器，因此不需要更改值(提交表单时不会包含数据)。

选中状态存储在 checked 属性中，您可以在 JavaScript 中使用它来确定当前选中的是哪个单选按钮。