2012-07-04 3 views
2

데이터베이스에서 동적으로 채워지는 콤보 상자 목록이 있습니다.jquery 모바일 체크 박스 테마를 새로 고치는 방법은 무엇입니까?

HTML :

<div data-role="fieldcontain" id="WeekDays"> 
<fieldset id ="WeekDaysFieldSet" data-role="controlgroup"> 

자바 스크립트 :

var len = results.rows.length; 
$("#WeekDaysFieldSet").empty(); 
for (var i=0; i<len; i++) 
{ 
    $("#WeekDaysFieldSet").append('<input type="checkbox" name="'+ results.rows.item(i).DayName + '" CheckboxId="'+results.rows.item(i).id+'" class="custom"/><label for="'+results.rows.item(i).DayName+'" >'+results.rows.item(i).DayName+'</label>'); 
} 

I 함수 후이 줄을 추가

는 아무 일도 발생하지 않습니다, 단지 모든 확인란이 선택되지만, 테마가 추가되지 않습니다.

$("input[type='checkbox']:first").attr("checked",true).checkboxradio("refresh"); 

리프레시 라인을 추가해야하는 특정 장소가 있습니까?

+0

안녕 내가 사용하려고했습니다를 var len = 5, + i + for 루프에서 첫 번째 체크 박스 만 선택 했으므로 문제를 더 잘 설명 할 수 있습니까? –

답변

2

나는이에게 종류의 유사한 솔루션을 적용하는 새로운 클래스를 추가 사용할 수 있습니다

$("#group").append('<fieldset data-role="controlgroup">' 
    +'<input type="checkbox" id="cb1" /><label for="cb1">text</label>' 
    +'<input type="checkbox" id="cb2" /><label for="cb2">More text</label></fieldset>' 
    ) 
    .trigger("create"); 


$("#check").click(function(){ 
    $("input[type='checkbox']:first").attr("checked",true).checkboxradio("refresh"); 
}); 

확인 데모 : http://jsfiddle.net/dhavaln/jzGv5/

+0

데이터를 정적으로 추가 할 때 작동하지만 동적으로 추가 할 때 작동하지 않습니다. –

+1

jsfiddle에 데이터를 입력하고 링크를 보낼 수 있습니까 ?? 확인을하고 변경이 필요한지 알려 드리겠습니다. – dhaval

+0

jsfiddle에서 Jquery mobile을 선택하는 방법을 모르겠지만 여기에 코드가 있습니다. jsfiddle.net/OnlyHope/kCVzC 감사합니다. –

0

당신은 새로운 클래스

$("input[type='checkbox']:first").attr("checked",true).addClass('refresh'); 
+0

이 행을 어디에 써야합니까? –

관련 문제