如果选中，则获取复选框值

Question

我正在使用带有 JQuery mobile 的 HTML 构建一个表单，以便可以在移动设备上使用该表单。

我通过电子邮件将表单导出为 CSV。但是，如果未选中复选框，则不会写入 CSV 文件。

我可以使用 jQuery 中的函数从选中的复选框中提取值，使用标签中的值，并将未选中的框标记为Null 或Space，以便当我将它们导入 Excel 时注意到没有检查值？

<label for="question4" class="input"> 4. What language (s) are you currently using? </label>
<fieldset data-role="controlgroup">
    <legend>Multi select:</legend>
    <input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" value="english"/>
    <label for="checkbox-1"> English</label>
    <input type="checkbox" name="checkbox-2" id="checkbox-2" class="custom" />
    <label for="checkbox-2">French</label>
    <input type="checkbox" name="checkbox-3" id="checkbox-3" class="custom" />
    <label for="checkbox-3">Spanish</label>
    <input type="checkbox" name="checkbox-4" id="checkbox-4" class="custom" />
    <label for="checkbox-4">Brazilian Portuguese</label>
    <input type="checkbox" name="checkbox-5" id="checkbox-5" class="custom" />
    <label for="checkbox-5">Italian</label>
    <input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
    <label for="checkbox-6">German</label>
    <input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
    <label for="checkbox-7">Japanese</label>
</fieldset>
</br>

如果在 JQuery 中没有办法，那么在 PHP 中呢？由于我使用 PHP 来填充 CSV 文件。

会不会是某种形式的 if 语句：

if checkbox = yes then pull value from <label>

Answer 1

更改您的 HTML 并为所有复选框赋予 name 属性，如下所示：

<form action="" method="post">
<label for="question4" class="input"> 4. What language (s) are you currently using? </label>
<fieldset data-role="controlgroup">
<legend>Multi select:</legend>
<input type="checkbox" name="checkbox[]" id="checkbox-1" class="custom" value="english"/>
<label for="checkbox-1"> English</label>
<input type="checkbox" name="checkbox[]" id="checkbox-2" class="custom" />
<label for="checkbox-2">French</label>
<input type="checkbox" name="checkbox[]" id="checkbox-3" class="custom" />
<label for="checkbox-3">Spanish</label>
<input type="checkbox" name="checkbox[]" id="checkbox-4" class="custom" />
<label for="checkbox-4">Brazilian Portuguese</label>
<input type="checkbox" name="checkbox[]" id="checkbox-5" class="custom" />
<label for="checkbox-5">Italian</label>
<input type="checkbox" name="checkbox[]" id="checkbox-6" class="custom" />
<label for="checkbox-6">German</label>
<input type="checkbox" name="checkbox[]" id="checkbox-7" class="custom" />
<label for="checkbox-7">Japanese</label>
</fieldset>
</br>
<input type="submit" name="submit">
</form>

提交表单后，名称属性将作为数组传递，并且可以使用相同的变量访问它们。现在，您可以使用isset() 来检查是否设置了特定项目：

if(isset($_POST['checkbox'])) {
  print_r($_POST); //print all checked elements
}

如果要获取被选中的复选框的数量，可以使用count()：

$number = count($_POST['checkbox']);

注意：目前，只有第一个元素具有value 属性。您必须为其余的复选框添加它才能正常工作。

希望这会有所帮助！

Answer 2

  foreach($_POST['checkbox'] as $value)
  {
     echo 'checked: '.$value.'';
  }

Answer 3

快速查看此答案以检查是否选中了复选框。

How to check whether a checkbox is checked in jQuery?

但基本上你想做如下的事情来检查它的价值：

if ($("#element").is(":checked")) {
  alert("I'm checked");
}