Question

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

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

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

<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");
}

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

3 个答案: