手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery获取checkbox的值并post提交
jquery获取checkbox的值并post提交
摘要:废话不多说,直接奉上代码:复制代码代码如下:$('.but_delet_choice').click(function(){//获取全选之外...

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

复制代码 代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

</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" name="checkbox" value="<">

<?php

}

?>

<input type = "button" 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)

}

}

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

【jquery获取checkbox的值并post提交】相关文章:

jQuery获得字体颜色16位码的方法

jQuery实现html表格动态添加新行的方法

JS或jQuery获取ASP.NET服务器控件ID的方法

Jquery跨浏览器文本复制插件Zero Clipboard的使用方法

jQuery取消ajax请求的方法

JQuery使用index方法获取Jquery对象数组下标的方法

jquery判断至少有一个checkbox被选中的方法

jQuery实现返回顶部效果的方法

Javascript获取统一管理的提示语(message)

jquery实现的判断倒计时是否结束代码

精品推荐
分类导航