javascript - 點擊checkbox觸發form表單提交事件

如，點擊checkbox時，下面的商品做出相應的涮選，再次點擊時，取消之前篩選的限制項。
我現在要做的是，當點擊checkbox時，觸發form表單提交事件，將checkbox的狀態（0或1）通過GET傳入後台做判斷。

這裡應該怎麼改尼？求教

如果不用表單，用AJAX我也不是沒想過，因為圖上的 “銷量”“人氣”“價格”那些按鈕，以及商品下面的分頁我也沒有用AJAX，所以怕資料取得有問題

回複內容：

如，點擊checkbox時，下面的商品做出相應的涮選，再次點擊時，取消之前篩選的限制項。
我現在要做的是，當點擊checkbox時，觸發form表單提交事件，將checkbox的狀態（0或1）通過GET傳入後台做判斷。

這裡應該怎麼改尼？求教

如果不用表單，用AJAX我也不是沒想過，因為圖上的 “銷量”“人氣”“價格”那些按鈕，以及商品下面的分頁我也沒有用AJAX，所以怕資料取得有問題

題主修改了問題，我也相應修改下答案。

類別情況總共有 預設default,價格value，銷量num，人氣hot，海外直郵mail，海關發貨customs。

情景一般是這樣的，

1. 第一次獲得請求的時候 url請求拼參數?default=1,data請求資料只有一個default,var default=1; data:{"default":default}

2. 當選擇價格，銷量，人氣中的一個或多個的時候 給value，num，hot三個變數設定值，

3. 當勾選海外直郵，或者海關發貨中的一個時候，設定mail為1，

 var value  = 0,     num = 1,     hot = 1;  //1代表正序，0代表倒序 var mail = 1,        customs = 0;   //1.代表勾選，0代表不勾選 ... data:{    "value":value,    "num":num,    "hot":hot,    "mail":mail,    "customs":customs }

原理差不多如此，建議請求的資料可以使用前端模版進行資料拼接。比如artTemplate,

修改前

使用ajax表單提交吧。

if ( checkbox.checked == true){     checkobx = 1}else{    checkobx = 0}//Action for checked$.ajax({  url: "/",  type: "post",  data: {"checkbox":checkbox},   //狀態不同，checkbox的值不同 為0或者1  dataType: "json",  success: function(data){      //根據返回的狀態值判斷，然後重新整理載入資料  }

jQuery：
$("form").submit();

JavaScript：
form.submit();

一般來說這種功能應該用 Ajax 來做——誰都不希望勾選一個 checkbox 把整個頁面都刷掉
如果硬要 submit 0 和 1 的話，就配合 hidden input 來做好了

