jquery - 如何使用 jquery ajax 将选中复选框的值发送到另一个页面

Question

我使用$.get(...语法通过 Jquery Ajax 发送我的表单数据。
我想知道如何发送选中复选框的值。
例如，我$("#myinput").val()用来将输入框值发送到我的 php 页面。

Answer 1

您可以使用serialize()或serializeArray()到您的表格。例子：

var data = $('yourform').serialize();

或者

var data = $('yourform').serializeArray();

然后将数据放入ajax

$.get('link.php',data,function(){...});

Answer 2

我不知道你的 HTML 是什么样子的。这是一个通用的解决方案。您可以根据您的特定需求进行定制

假设你有一些这样的 HTML 标记

Item 11<input type="checkbox" id="chk1" value="11" class="chkItem"  /><br/>
Item 12<input type="checkbox" id="chk2" value="12" class="chkItem"  /><br/>
Item 14<input type="checkbox" id="chk4" value="14" class="chkItem"  /><br/>
<input type="submit" value="Save" id="btnSave" />

脚本是

$(function(){
   $("#btnSave").click(function(e){
        e.preventDefault();
        var items=$("input[type='checkbox']:checked").map(function () {
            return this.value;
        }).get().join(',');

        $.post("yoururl.php?data="+items,function(response){
         //alert(response);
        });        
   });           
});

上面的脚本将获取所有检查的输入元素，并使用逗号分隔的选定项目值构建一个字符串，并将其发送到查询字符串中。您可以在您的 php 文件中读取它并用逗号分隔并读取值。