Javascript Jquery-复选框选择应导致弹出表单

我有一个元素列表，这些元素以表格形式显示，如下所示。这些是从rails后端获取的

---

现在，我希望能够根据每个检查列表的选择设置余数。如果我在清单中选择一个元素，我会得到一个弹出窗口，显示“商店名称”、“类别”并生成一个表单。成功提交此表单后，我希望启用相应的复选框。我需要一位Jquery专家来帮助我实现这一点。我可以根据选中的复选框弹出一个窗口，但如何将其绑定到特定记录？表单提交将通过JSON进行，我将负责此事。

您可以尝试以下方式：

$( "#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
.............................
               }

        } );

---

我个人会通过定义自己的属性来实现。 因此，在复选框中，在绘制屏幕时，我会添加一个属性，比如“storeid”，并输入相应的storeid值。 如果您在浏览器上使用jQuery构建DOM，那么您可以这样做

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

$（）.attr（“存储id”，jsonObject.store\u id）；

现在，我将通过在类或任何其他适当的jQuery选择器上绑定更改事件，将更改事件绑定到所有select对象

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

$（）.change（函数（）{var attr=$（this.attr（“存储id”）；//执行一些操作}）；

---

然后使用JSON检索更多数据并显示它

您可以发送相应行的Id以获取弹出窗口上的特定记录。使用jqueryajax，在成功函数中的ajax中提交表单后，将类添加到特定复选框以获得selectdThanks，您能给我一个简短的示例代码吗。我是一个Jquery新手，因此觉得很有挑战性。表是否呈现为HTML表？是的，表呈现为HTML表…并且每行都有一个唯一的id？