jquery选中复选框选中的值

时间:2012-08-03 09:53:57

标签: javascript jquery

<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)

5 个答案:

答案 0 :(得分:2)

试试这个

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

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

将其转换为json
  var myJsonString = JSON.stringify(yourArray);

答案 1 :(得分:0)

试试这个

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

答案 2 :(得分:0)

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);
?>

答案 3 :(得分:0)

你可以这样试试,

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

如果需要,您可以阅读How to check a checkbox is checked using jQuery Post

答案 4 :(得分:0)

试试这个解决方案:

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