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

Question

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

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

Answer 1

我个人会通过定义自己的属性来实现。所以在复选框中，在绘制屏幕时，我会添加一个属性——比如“store-id”并输入相应的 store 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 检索更多数据并显示它

Answer 2

你可以尝试这样的事情：

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

        } );