2013-05-10 2 views
2

JQM을 사용하여 체크 박스 상태 (체크/체크 안함)를 변경하려고합니다.Jquery 모바일 체크 박스 문제

HTML 부분에는 체크 박스, 버튼 지우기 및 버튼 세트가 있습니다. http://jsfiddle.net/VXwzp/14/

당신은 타격에 의해 알 수 있습니다 : 내가 코드를 자바 스크립트 부분을 취소하고 값이 예제의 버튼을

HTML code piece: 
---------------- 
<label><input type="checkbox" name="checkboxName" id="checkboxID">checkbox</label> 
<a href="#" id="clear" data-role="button" data-inline="true" data-theme="b">Clear</a> 
<a href="#" id="set" data-role="button" data-inline="true" data-theme="b">Set</a> 

JS code piece: 
-------------- 
$("#clear").click(function() { 
    $('#checkboxID').filter(':checkbox').prop('checked',false); 
}); 

$("#set").click(function() { 
    $('#checkboxID').filter(':checkbox').prop('checked',true); 
}); 

확인을 사용하여 "확인"체크 박스를 설정에서

버튼 설정 또는 해제가 작동하지 않습니다. 내가 입력에서 태그를 제거 할 경우

내가 발견 한 구글 크롬 버전 26.0.1410.64 m

를 사용

미안, 그것은 잘 작동하지만, JQM 스타일은 고려되지 않습니다.

<input type="checkbox" name="checkboxName" id="checkboxID"> 

확인의 예 : http://jsfiddle.net/QLzBX/1/

당신이 어떻게 JQM을 사용하여 작동하려면 어떤 생각을 가지고 있습니까?

알바

+0

다음을 사용하여 나는 ge 수있었습니다 $ ('checkboxID'). attr ("checked", false) .checkboxradio ("refresh"); – Alvaro

답변

5

에게 사전에 작업을 예를 주셔서 감사합니다 : http://jsfiddle.net/Gajotres/VXwzp/15/

$("#clear").click(function() { 
    $('#checkboxID').filter(':checkbox').prop('checked',false).checkboxradio("refresh"); 
}); 

$("#set").click(function() { 
    $('#checkboxID').filter(':checkbox').prop('checked',true).checkboxradio("refresh"); 
}); 

jQuery를 모바일로 작업 할 때, 그 위젯 마크 업을 변경할 수있는 방법을 이해해야합니다 살펴 찾아 내 다른 대답은 : jQuery Mobile: Markup Enhancement of dynamically added content

+1

많은 감사합니다! :) – Alvaro