0

我之前只使用无线电输入设置了表单,因此该值只是一个或另一个。客户现在希望它成为一个复选框,以便您可以一次搜索多个变量。

我设置了一个测试 jQuery 方法,以确保它至少使用以下内容提交正确的字符串:

function showValues() {
    var datastr = $(".formC").find("input[type='checkbox']").serialize();
    $( "#bodyA" ).text( datastr );
}

$(".localSearch").on('click', showValues);

结果如下:

专业知识%5B%5D=辅助和专业知识%5B%5D=大型集团和专业知识%5B%5D=个人计划

我对 AJAX、jQuery 和 PHP 很陌生,但这似乎是要提交的正确字符串。

现在我正在使用 jQuery AJAX 将值提交到我的 PHP 页面。

$('.localSearch').on('click', function() { //Pulls data based on radial input
    var dataStr = $(".formC").find("input[type='checkbox']").serialize();
    $.ajax({
        type: "POST",
        datatype: "html",
        data: {
            expertise: dataStr
        },
        url: "expertise.php",
        success: function (data) {
            $("#bodyA").html(data);
        }
    });
});

这是表单的样子:(表单包含更多但这些是expertise.php 的唯一元素)

<label for="agent">Agent Services:</label><br />
<label for="ancillary"><input type="checkbox" value="Ancillary" name="expertise[]" id="ancillary" />Ancillary</label><br />
<label for="smallgroup"><input type="checkbox" value="SmallGroup" name="expertise[]" id="smallgroup" />Small Group</label><br />
<label for="largegroup"><input type="checkbox" value="LargeGroup" name="expertise[]" id="largegroup" />Large Group</label><br />
<label for="medicare"><input type="checkbox" value="Medicare" name="expertise[]" id="medicare" />Medicare</label><br />
<label for="longterm"><input type="checkbox" value="LongTermCare" name="expertise[]" id="longterm" />Long Term Care</label><br />
<label for="individual"><input type="checkbox" value="IndividualPlans" name="expertise[]" id="individual" />Individual Plan</label><br />
<label for="tpa"><input type="checkbox" value="TPASelfInsured" name="expertise[]" id="tpa" />TPA Self Insured</label><br />
<label for="ppaca"><input type="checkbox" value="CertifiedForPPACA" name="expertise[]" id="ppaca" />Certified for PPACA</label><br />
<label for="acaind"><input type="checkbox" value="ACA_Ind" name="expertise[]" id="acaind" />Individual  Marketplace Certified</label><br />
<label for="acashop"><input type="checkbox" value="ACA_Shop" name="expertise[]" id="acashop" />Shop Marketplace Certified <br />(small group)</label><br />
<span class="localSearch">Submit</span>

当它只处理一个值但它创建的字符串似乎是正确的字符串时,我让它工作。对此有什么想法吗?如果您需要更多代码或任何东西,请告诉我!

现场直播(如果需要)

4

1 回答 1

1

您正在序列化复选框元素集中的所有内容。我怀疑您只需要给定属性的值(id 或值)。并且只有被检查的项目。这是将选定复选框转储到数组中的示例:

$(".formC input:checkbox:checked").each(function(){ myArray.push($(this).val()); })

jQuery将选中复选框的值获取到数组中

一旦你有了一个数组,你可以遍历它来把你的 sql WHERE 谓词放在一起。

于 2013-10-07T19:10:41.763 回答