2013-04-25 77 views
0

我有一個以表格形式顯示的元素列表,如下所示。這些正從軌道後端獲取。Jquery-複選框的選擇應該導致彈出窗體

enter image description here

現在我希望能夠根據每個檢查列表的選擇設立餘。如果我選擇清單中的一個元素,我應該看到一個彈出窗口,其中顯示「商店名稱」,「類別」並生成表單。一旦這個表格成功提交,我想啓用相應的複選框。我需要一個Jquery專家來幫助我實現這個目標。我可以根據複選框的選擇來放置彈出框,但是如何將其綁定到特定記錄?表單提交將通過JSON發生,我會照顧到這一點。

+1

您可以發送相應行的id來獲取在彈出的特定記錄。使用jQuery的ajax的,並在成功提交後,在阿賈克斯你的形式功能添加類到特定的複選框來獲取selectd – swetha 2013-04-25 06:21:44

+0

謝謝,你可以給我一個簡短的示例代碼。我是Jquery新手,因此發現它具有挑戰性。 – 2013-04-25 06:25:36

+0

表格是否呈現爲HTML表格? – Sharun 2013-04-25 06:29:36

回答

0

你可以嘗試這樣的事:

$("#table_id").find('input[type=checkbox]').live('change', function() 
     { 
      if ($(this).is(':checked')) 
      { 

       var _row = $(this).parent().parent();//to get the selected row 
       var row_id= $(_row).find('td:eq(1)').text();//assuming the id field is the 2nd column 
................................... 
       //code to pop up dialog 
............................. 
       } 

     }); 
0

我會親自通過定義自己的特性實現的。 因此,在複選框中,在繪製屏幕時,我會添加一個屬性 - 比如「store-id」並輸入相應的商店ID值。 如果您正在構建的瀏覽器使用jQuery的DOM然後ü可以做到這一點

$(<selector>).attr("store-id",jsonObject.store_id); 

現在,我會改變事件綁定到所有的選擇對象,方法是在一類或其他任何適當的jQuery結合它選擇。

$(<selector for checkbox>).change(function(){ var attr = $(this).attr("store-id"); // Do some operation }); 

然後使用JSON以檢索更多的數據,並顯示它