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('您未勾選，請(qǐng)勾選！');
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)
}
}
這里僅僅是簡(jiǎn)單實(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)文章
基于jQuery實(shí)現(xiàn)圖片的前進(jìn)與后退功能
前進(jìn)與后退在瀏覽網(wǎng)頁的時(shí)候是比較常見的而且非常的實(shí)用，接下來為大家分享下使用jQuery實(shí)現(xiàn)圖片的前進(jìn)與后退，感興趣的朋友可以參考下哈2013-04-04
好的代碼會(huì)帶來速度的提升，快速渲染和響應(yīng)意味著更好的用戶體驗(yàn)。本文主要總結(jié)了如何高效的編寫jQuery代碼的技巧，對(duì)提升你的jQuery和javascript代碼具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
輕松學(xué)習(xí)jQuery插件EasyUI EasyUI創(chuàng)建樹形網(wǎng)絡(luò)(1)
這篇文章主要幫助大家輕松學(xué)習(xí)jQuery插件EasyUI，并且教大家如何利用EasyUI創(chuàng)建樹形網(wǎng)絡(luò)，感興趣的小伙伴們可以參考一下2015-11-11
jquery trigger偽造a標(biāo)簽的click事件取代window.open方法
這篇文章主要介紹了使用jquery trigger 觸發(fā)a標(biāo)簽的click事件取代window.open方法,需要的朋友可以參考下2014-06-06
jQuery獲取復(fù)選框選中的當(dāng)前行的某個(gè)字段的值
這篇文章主要介紹了jQuery獲取復(fù)選框選中的當(dāng)前行的某個(gè)字段的值,需要的朋友可以參考下2017-09-09
jquery pagination分頁插件使用詳解（后臺(tái)struts2）
這篇文章主要為大家詳細(xì)介紹了jquery pagination 分頁插件的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
jQuery中toggle()函數(shù)的使用實(shí)例
關(guān)于jQuery中的toggle()函數(shù)，相信大家都非常的了解，網(wǎng)上也有許多的相關(guān)教程，今天要給大家分享的是在實(shí)際的項(xiàng)目中toggle()的使用方法，需要的小伙伴可以參考下。2015-04-04
jquery制作的彈窗提示窗口插件，包含多種模式。帶有回執(zhí)函數(shù)值的功能,需要的朋友可以參考下2014-03-03
jQuery 是最流行和使用最廣泛的 JavaScript 框架，它簡(jiǎn)化了HTML文檔遍歷，事件處理，動(dòng)畫以及Ajax交互，幫助Web開發(fā)人員更快速的實(shí)現(xiàn)各種精美的界面效果2012-03-03
jquery實(shí)現(xiàn)的仿天貓側(cè)導(dǎo)航tab切換效果
這篇文章主要介紹了jquery實(shí)現(xiàn)的仿天貓側(cè)導(dǎo)航tab切換效果,涉及jquery鼠標(biāo)事件及鏈?zhǔn)讲僮鲗?shí)現(xiàn)頁面元素樣式遍歷切換效果的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08