jquery獲取checkbox的值并post提交
來源:易賢網(wǎng) 閱讀:2141 次 日期:2015-03-30 14:31:37
溫馨提示:易賢網(wǎng)小編為您整理了“jquery獲取checkbox的值并post提交”,方便廣大網(wǎng)友查閱!

廢話不多說,直接奉上代碼:

代碼如下:

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

}

}

這里僅僅是簡單實現(xiàn)下,給大家一個參考,小伙伴們可以自由擴展。

更多信息請查看IT技術(shù)專欄

更多信息請查看腳本欄目
易賢網(wǎng)手機網(wǎng)站地址:jquery獲取checkbox的值并post提交

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)