简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

jquery获取checkbox的值并post提交

来源:易贤网   阅读:2203 次  日期:2015-03-30 14:31:37

温馨提示:易贤网小编为您整理了“jquery获取checkbox的值并post提交”,方便广大网友查阅!

废话不多说,直接奉上代码:

代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<script src=">

</head>

<body>

<?php

$data = $_POST['data'];

$arr = json_decode($data);

var_dump($arr);

$a = array(1,2,3,4);

foreach($a as $v){

?>

<input type = "checkbox" class="checkbox" name="checkbox" value="<?=$v?>">

<?php

}

?>

<input type = "button" class="but_delet_choice" value="post">

</body>

<script>

$('.but_delet_choice').click(function(){

//获取全选之外的checkbox

var $check_boxes = $("input[name='checkbox']:checked");

if($check_boxes.length<=0){

alert('您未勾选,请勾选!');

return;

}

var array = new Array();

$check_boxes.each(function(){

var array_push = new Array();

array_push.push($(this).val());

array_push.push(2);

array.push(array_push);

})

$.post(

'test1.php',

{

data : JSON.stringify(array)

}

);

return false;

});

</script>

</html>

代码如下:

array(4) {

[0]=>

array(2) {

[0]=>

string(1) "1"

[1]=>

int(2)

}

[1]=>

array(2) {

[0]=>

string(1) "2"

[1]=>

int(2)

}

[2]=>

array(2) {

[0]=>

string(1) "3"

[1]=>

int(2)

}

[3]=>

array(2) {

[0]=>

string(1) "4"

[1]=>

int(2)

}

}

这里仅仅是简单实现下,给大家一个参考,小伙伴们可以自由扩展。

更多信息请查看IT技术专栏

更多信息请查看脚本栏目
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:js打造数组转json函数
下一篇:jquery移动节点实例
易贤网手机网站地址:jquery获取checkbox的值并post提交
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!