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>

now using jquery, i need to get selected values of name foo[].

Also i need to pass these as an array to a php file ie foo = array(2,4)

Answer 1

Try this

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

to get the values of each element then covert it to json using

  var myJsonString = JSON.stringify(yourArray);

Answer 2

try this

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
}

on the php file you can view the contents in $_POST:

<?php
print_r($_POST);
?>

Answer 4

You can try like this,

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]);
}

If need you can Read How to check a checkbox is checked using jQuery Post

Answer 5

Try this solution:

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!");
    }
);