jsp實現(xiàn)checkbox的ajax傳值實例

更新時間：2015年02月26日 10:15:06 作者：張佳美

這篇文章主要介紹了jsp實現(xiàn)checkbox的ajax傳值,實例分析了針對checkbox的Ajax使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了jsp實現(xiàn)checkbox的ajax傳值用法。分享給大家供大家參考。具體分析如下：

今天我想用ajax把選中的所有的chekbox的值全部都傳到后臺做一個處理，但在后臺接收值的時候，我遇到了麻煩，以為沒有經(jīng)過跳轉(zhuǎn)所以request中是沒有值的。

查了一下，查到了解決方法，如下

頁面代碼：

復制代碼代碼如下:

<input type="checkbox" name="atitle" value="歷史名勝"><label>歷史名勝</label>

<input type="checkbox" name="atitle" value="南方故事"><label>南方故事</label>

<input type="checkbox" name="atitle" value="職場故事"><label>職場故事</label>

<input type="checkbox" name="atitle" value="情感故事"><label>情感故事</label>

<input type="chec<A onClick="check();return false;" >提交</A>

<script type="text/javascript">

function check(){

var chk_value =[];   

  $('input[name=atitle]:checked').each(function(){   

   chk_value.push($(this).val());

  });

 // chk_value=[歷史名勝,南方故事,職場故事,情感故事,傳奇解謎]

 //chk_value應(yīng)該是這樣子.

$.ajax({

   type: "post",

   url: convertURL('up-ajx.jsp'),

// data: {atitle:$('input[name=atitle]').val()},

//如果是這樣子是可以正常傳送的.但只能是第一個值.

 data:'atitle='+chkvalue, 

 //這樣好像是不行,現(xiàn)在問題就是出在這里,atitle如何同時等多個值.

 //up-ajx.jsp里是通過 Request.Form("atitle")來獲取的.可果的直接用jsp是可以正常運行的.

   dataType: "json",

   error: function(){alert('出錯了，您沒有選擇選項。');},

   success: function(msg){

alert(msg)

}

});

}

</script>