jquery获取checkbox的值并post提交

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

 

代码如下:

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

 

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

时间: 2024-08-25 07:28:02

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

jquery获取checkbox的值以及判断是否没选择

核心代码  代码如下 复制代码 if($("input[name='checkbox']:checkbox:checked").length>0){       box = '';       $("input[name='checkbox']:checkbox:checked").each(function(){         box += $(this).val()+',';       })     }else{       alert('没有选择')

使用jquery获取radio的值

 使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项: 1.<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值 2.<input type="radio" na

jQuery获取checkbox选中的值_jquery

1.问题背景 有几个多选框,选择其中的几个,获取选中的值 2.设计结果如下图所示: 3.设计源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

如何用Jquery获取checkbox多个选项?

问题描述 如何用Jquery获取checkbox多个选项,循环输出结果.  问题补充:我试了,IE,360可以支持,但是火狐不行.这样写才可以:<br /><pre name="code" class="java"> $("#btn5").click(function(){//输出选中的值 var str=""; var abc = $(":checkbox:checked").ea

jQuery获取多种input值的简单实现方法_jquery

获取input的checked值是否为true: 第一种: if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾 --注:name即控件name属性,value即控件value属性 第二种: 可以不指定属性值,因一组checkbox的value值都会保存其在数据库中对应的id,最好写成如下方式: if($("input[name=row_checkbox]").attr('ch

jquery获取元素索引值index()方法

 这篇文章主要介绍了jquery获取元素索引值index()方法,需要的朋友可以参考下 jquery获取元素索引值index()方法:   jquery的index()方法 搜索匹配的元素,并返回相应元素的索引值,从0开始计数.    如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置.  如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置.  如果参数是一个选择器,那么返回值就是原先元素相对

利用jquery获取checkbox描述文本

要利用jquery获取checkbox的文本描述,用下面语句就可以了. $("#knowfrom").find("input[type='checkbox']:checked").siblings().text(); 实例二 <td><input id= name="knowfrom" type="checkbox" value="" /> <label>tv</l

JQuery设置checkbox的值,取checkbox的值,设置radio的值,取radio的值,设置下拉选select的值,取select的值

 一.复选框设置参数 html代码如下: <div class="flsm_btns">         <input type="hidden" name="agreeFlagValue" id="agreeFlagValue"          value="${copyRight.agreeFlag}"/>         <input type="chec

javascript-关于jquery 获取data属性值的问题

问题描述 关于jquery 获取data属性值的问题 <ul class="pics"> <li><a id="img1" href="javascript:choose(1);" title="梦幻玫瑰套装" data-img="1.png">梦幻玫瑰套装</a></li> </ul> function choose(index){