javascript - 处理复选框列表并选择标签

Question

我想显示一个项目列表，这些项目是从数据库中获取的。(在 php 中使用一段时间)。

单击按钮后，我想获取选中任何复选框的位置及其值。 示例:

我想要得到:

item-1 => 否

item-3 => 是

<div class="container">
    <select name="selectionField"> 
    <option value="CA" >yes</option>
    <option value="CO" >no</option>
    </select>
    <label for="blah">item-1</label> <input id="blah" type="checkbox" />

     <br />

    <select name="selectionField"> 
    <option value="CA" >yes</option>
    <option value="CO" >no</option>
    </select>
    <label for="blah">item-3</label> <input id="blah" type="checkbox" />

     <br />

    <select name="selectionField"> 
    <option value="CA" >yes</option>
    <option value="CO" >no</option>
    </select>
    <label for="blah">item-3</label> <input id="blah" type="checkbox" />

     <br />

</div>

Answer 1

使用 PHP，提交表单后，您可以通过以下方式获取值:

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

使用 jQuery，您可以通过以下方式获取状态:

$("#blah").is(':checked');

确保每个字段都有唯一的 ID