将复选框动态添加到控制组[重复]

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() 增强复选框或单选按钮的标记/样式，然后调用 @987654323 重新设置 controlgroup 样式@。

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");