Jquery-复选框选择应该导致弹出窗体

Question

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

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

Answer 1

您可以尝试这样的事情：

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

        } );

Answer 2

我个人通过定义自己的属性来实现。 因此，在复选框中，在绘制屏幕时，我会添加一个属性 - 例如“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来检索更多数据并显示它