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文件中读取这个并用逗号分割并读取值。

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

2 个答案: