html - 如何获得选中复选框的结果？

Question

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

Answer 1

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

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

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

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

Answer 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”（第二个示例）键对应的值。

Answer 3

使用“检查”属性。

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

Answer 4

查看 YourCheckboxName.Checked 的值

Answer 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> 

看起来像： HTML 示例代码的结果

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