jquery獲取checkbox的值并post提交
更新時(shí)間：2015年01月14日 14:49:35 投稿：hebedich
這篇文章主要介紹了jquery獲取checkbox的值并post提交,需要的朋友可以參考下
廢話不多說，直接奉上代碼：
復(fù)制代碼 代碼如下:
<!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>
復(fù)制代碼 代碼如下:
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)
}
}
這里僅僅是簡單實(shí)現(xiàn)下，給大家一個(gè)參考，小伙伴們可以自由擴(kuò)展。
您可能感興趣的文章:
- JQuery中對(duì)服務(wù)器控件 DropdownList, RadioButtonList, CheckboxList的操作總結(jié)
- ASP.NET jQuery 實(shí)例5 (顯示CheckBoxList成員選中的內(nèi)容)
- ASP.NET jQuery 實(shí)例6 (實(shí)現(xiàn)CheckBoxList成員全選或全取消)
- ASP.NET jQuery 實(shí)例15 通過控件CustomValidator驗(yàn)證CheckBoxList
- CheckBoxList多選樣式j(luò)query、C#獲取選擇項(xiàng)
- jQuery獲取Radio,CheckBox選擇的Value值(示例代碼)
- Jquery遍歷checkbox獲取選中項(xiàng)value值的方法
- jQuery將所有被選中的checkbox某個(gè)屬性值連接成字符串的方法
- Jquery 實(shí)現(xiàn)checkbox全選方法
- jQuery實(shí)現(xiàn)checkbox全選的方法
- jquery實(shí)現(xiàn)的代替?zhèn)鹘y(tǒng)checkbox樣式插件
- jquery獲取多個(gè)checkbox的值異步提交給php的方法
- jquery獲取多個(gè)checkbox的值異步提交給php
- jQuery實(shí)現(xiàn)自定義checkbox和radio樣式
- JQuery操作textarea,input,select,checkbox方法
- jQuery獲取checkboxlist的value值的方法
相關(guān)文章
本節(jié)主要介紹了jquery判斷瀏覽器后退時(shí)候彈出消息 ,需要的朋友可以參考下2014-08-08
本篇文章是jQuery中的日期選擇器進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-06-06
這篇文章主要介紹了 jQuery Plupload上傳插件的使用詳解,需要的朋友可以參考下2017-04-04
jQuery實(shí)現(xiàn)單擊和鼠標(biāo)感應(yīng)事件
這篇文章主要介紹了jQuery實(shí)現(xiàn)單擊和鼠標(biāo)感應(yīng)事件的方法的相關(guān)資料,需要的朋友可以參考下2015-02-02
使用jquery實(shí)現(xiàn)仿百度自動(dòng)補(bǔ)全特效
這里給大家分享的效果是像百度的搜索框一樣，當(dāng)用戶在文本框輸入前幾個(gè)字母或是漢字的時(shí)候,該控件就能從存放數(shù)據(jù)的文或是數(shù)據(jù)庫里將所有以這些字母開頭的數(shù)據(jù)提示給用戶,供用戶選擇,提供方便，增加用戶體驗(yàn)。2015-07-07
jQuery是一個(gè)優(yōu)秀JavaScript庫，它簡化了HTML文檔遍歷，事件處理，動(dòng)畫和Ajax交互。 jQuery的確改變了很多人寫JavaScript的方式。如今，有很多現(xiàn)成的jQuery插件可供選擇，幫助你在網(wǎng)站中加入驚人的功能和效果。2011-04-04
jQuery+SpringMVC中的復(fù)選框選擇與傳值實(shí)例
下面小編就為大家分享一篇jQuery+SpringMVC中的復(fù)選框選擇與傳值實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-01-01
jQuery中hover與mouseover和mouseout的區(qū)別分析
這篇文章主要介紹了jQuery中hover與mouseover和mouseout的區(qū)別,結(jié)合實(shí)例分析了jQuery中hover與mouseover和mouseout的區(qū)別與使用技巧,需要的朋友可以參考下2015-12-12
這篇文章主要為大家詳細(xì)介紹了jQuery點(diǎn)擊出現(xiàn)愛心特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
JQuery 兩種方法解決剛創(chuàng)建的元素遍歷不到的問題
本文主要介紹兩種方法，處理JQuery遍歷剛創(chuàng)建的元素問題，簡單易用，希望能幫到大家。2016-04-04