javascript - jquery 选择复选框选择的值

Question

<form id="myform">

<input type='checkbox' name='foo[]' value='1'>

<input type='checkbox' name='foo[]' checked='true' value='2' >

<input type='checkbox' name='foo[]' value='3' >

<input type='checkbox' name='foo[]' checked='true' value='4' >

</form>

现在使用 jquery，我需要获取名称 foo[] 的选定值。

我还需要将这些作为数组传递给 php 文件，即 foo = array(2,4)

Answer 1

试试这个

    $("input[type=checkbox]:checked").each(function(){
          arr[]=$(this).val();
   });

获取每个元素的值，然后使用

  var myJsonString = JSON.stringify(yourArray);

Answer 2

试试这个

var val_arr = [];
var arr = $('input[name="foo[]"]:checked');
for(var i=0; i<arr.length;i++){
val_arr.push(arr[i].value);
}
console.log(val_arr);

Answer 3

function submitForm() {
  var form = $('#myform');
  form.submit(function(){ // configure onsubmit event
    form.attr({'method': 'post'}); // set form method to post
    form.attr({'action': 'yourphpfile.php'}); // set file to receive form data
  });
  form.submit(); // submit the form
}

在 php 文件中，您可以查看 $_POST 中的内容：

<?php
print_r($_POST);
?>

Answer 4

你可以这样试试

var array = new Array();
$('input[name="foo[]"]:checked').each(function(i,el){
        array.push($(el).val());
});
for(var i in array){
   alert("value=="+array[i]);
}

如果需要，您可以阅读如何使用 jQuery Post 检查复选框

Answer 5

试试这个解决方案：

var checkedValues = [];
var checkedElems= $('input[type=checkbox]:checked');

$.each(checkedElems, function(index, element){
   checkedValues.push($(element).val());
});

$.post(
    "something.php",
    {
       arrayOfValues: JSON.stringify(checkedValues),
       ........
    },
    function(data, textStatus, jqXHR){
       alert("Success!");
    }
);