1

我正在使用带有 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>
4

3 回答 3

8

更改您的 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属性。您必须为其余的复选框添加它才能正常工作。

希望这可以帮助!

于 2013-08-22T14:29:53.257 回答
2
  foreach($_POST['checkbox'] as $value)
  {
     echo 'checked: '.$value.'';
  }
于 2014-04-03T12:07:41.350 回答
0

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

如何检查是否在jQuery中选中了复选框?

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

if ($("#element").is(":checked")) {
  alert("I'm checked");
}
于 2013-08-22T14:15:25.067 回答