你能在 javascript 中创建一个 check_box_tag

Can you create a check_box_tag inside javascript

在视图上创建元素的方式主要是通过 JavaScript。我希望能够在动态创建的列表项旁边动态添加 check_box_tag,以便我可以访问参数中的复选框。

有一个 haml 文件与 JavaScript 文件一起呈现,所以我创建了一个 javascript 函数并在 JavaScript 文件中调用了它来创建其余元素.

JS 文件中的脚本:

$(options).each(function()
        {
          genCheckbox();
          $('#unorderedRight').append('<li value="' + $(this).val() + '" style="display:inline;" title="'+ $(this).text()+'" onclick="selectLi(this)" selected=false>'+$(this).text()+'</li><br id="'+ $(this).text()+'_br">');
}

haml 文件中的脚本:

%script#genCheckbox
  :plain
    function genCheckbox()
    {
      $("#unorderedRight").append("=check_box_tag 'someid', 'somename', false ");
    }

预期结果是列表项旁边出现一个复选框。它显示的是“=check_box_tag 'someid', 'somename', false”

只需将您的 HTML 字符串替换为以下内容:

$('#unorderedRight').append('<li value="' + $(this).val() + '" style="display:inline;" title="'+ $(this).text()+'" onclick="selectLi(this)" selected=false><input type="checkbox" name="'+ $(this).text()+'" value="'+ $(this).text()+'" /> '+$(this).text()+'</li><br id="'+ $(this).text()+'_br">');