Question

<div data-role="fieldcontain">
    <div id="listado" data-role="listview">
        <fieldset data-role="controlgroup" id="equiposHechos">

        </fieldset>
    </div>
</div>

我的javascript是

var identificador=4
$( "#recibo" ).on( "pageinit", function( event ) {      
    for(i=0;i<=identificador;i++){      
        $("#equiposHechos").append('<input type="checkbox" name="calificarEquipo'+i+' id="calificarEquipo'+i+'"/>'+'<label for="calificarEquipo'+i+'">Equipo Numero'+(i+1)+'</label>');     
    }
})

我想动态添加复选框...但是我没有像我那样为他们充电，或者他们向我收取费用，因为他们应该是静态的

Answer 1

如果您使用的是jQuery Mobile 1.3.2或更低版本，则首先需要使用.checkboxradio()增强/样式化复选框或单选按钮的标记，然后通过调用重新设置 controlgroup 的样式.controlgroup("refresh")。

var identificador = 4;

for (i = 0; i <= identificador; i++) {
  $('<label for="foo' + i + '">Foo' + i + '<input type="checkbox" id="foo' + i + '"/></label>').appendTo("#equiposHechos");
}

/* widgets enhancement */
$("[type=checkbox]").checkboxradio();
$("#equiposHechos").controlgroup("refresh");

<强> Demo

Answer 2

你必须明确要求jquery mobile重新设置它们：

检查一下： Dynamic controlgroup and checkboxes unstyled

$("input[type='checkbox']").checkboxradio("refresh");

动态添加复选框到控制组

2 个答案: