如何获得选中复选框的结果？答案

【问题标题】：How do I get the result of a checked checkbox?如何获得选中复选框的结果？
【发布时间】：2010-10-05 20:38:14
【问题描述】：

我真的是 HTML 新手，但我找不到任何地方如何从复选框返回变量。我已经弄清楚如何从表单和输入中获取变量，但我不知道如何从复选框中获取它们。基本上，我想要一个复选框，如果选中，将返回值是。如果未选中，则不必返回值，但 no 会很好。

【问题讨论】：

【解决方案1】：

提交表单时，如果选中了一个复选框，它将包含在提交给服务器的值集合中。如果未选中，它将被省略（就像该复选框不存在一样）。

在 JavaScript 中，您可以通过checked 属性查看复选框是否被选中：

//returns true or false
var isChecked = document.getElementById('id_of_checkbox').checked;

在 ASP.NET 中，CheckBox 控件有一个布尔属性 Checked。

【讨论】：

【解决方案2】：

为 value 属性赋值。如果回发的表单值中有一个，您应该获得复选框的值。请注意，在您想要是或否的情况下，我已将其设为无线电输入。对于收音机，您需要分配相同的名称，但不同的 id（如果您完全分配了 id）。如果您可以选择多个值或只关心在选择时获取该值，则您需要使用复选框。这些类型的复选框应该有不同的名称。

<input type="radio" id="radio_yes" name="radio_btn" value="Yes" /> Yes
<input type="radio" id="radio_no" name="radio_btn" value="No"
       checked="checked" /> No

如果您只想在选中时返回一个值为 yes 的复选框，那么您可以使用复选框。如果不检查，您将不会获得任何价值。

<input type="checkbox" id="chk_box" name="chk_box"
       value="Yes" /> Do you want this?

在服务器端，您在表单参数中查找与“radio_btn”（第一个示例）或“chk_box”（第二个示例）键对应的值。

【讨论】：

【解决方案3】：

使用 'checked' 属性。

var checkbox = document.getElementById('checkboxId');
var checked = checkbox.checked;

【讨论】：

【解决方案4】：

查看 YourCheckboxName.Checked 的值

【讨论】：

【解决方案5】：

如果一个复选框被禁用，即使它被选中，它也会在提交给服务器的值集合中被忽略：

  <input type="checkbox" name="checkbox1"> 
  <input type="checkbox" name="checkbox2" checked> 
  <input type="checkbox" name="checkbox3" disabled> 
  <input type="checkbox" name="checkbox4" disabled checked>

看起来像： result of HTML sample code

只有checkbox2 在提交到服务器的值集合中，如果用户提交表单时没有任何更改。

【讨论】：