자바 스크립트 또는 JQuery와 : 라디오 버튼

Question

http://jsfiddle.net/tearex/jFS2x/4/

<fieldset data-role="controlgroup" data-type="horizontal" > 
    <input name="btn1" id="a1" type="radio" /> 
    <label for="a1">1 populate USA</label> 

    <input name="btn1" id="a2" type="radio" /> 
    <label for="a2" class="bigga">2 populate Germany</label> 

    <select data-role="slider" id="how" > 
     <option value="naturally" accesskey="" >naturally</option> 
     <option value="forcibly" > forcibly</option> 
    </select>   
</fieldset> 

어떻게 비활성화 된 버튼을 즉시 해제 회색으로 만드는 방법을 비활성화? 내가 다른 하나를 클릭 할 때까지

document.getElementById("a1").disabled = true; 
$("[id='how']").slider("disable") 

하지만 슬라이더는 달리

가, 버튼이 회색이되지 않습니다

나는이 시도.

Answer 1

jsFiddle Demo

당신은 확실히 있지만, JQuery와 모바일 CSS 그것을 표시되지 않도록하고 있습니다. 라디오 버튼은 실제적으로 클래스 ui-radio &의 div로 래핑되어 새로운 클래스가 추가되어야 함을 시각적으로 볼 수 있습니다. ui-disabled.

$('#a1').prop('disabled',true); 
$('#a1').parent('.ui-radio').addClass('ui-disabled'); 

참고 : (몇 가지 예외를 당연히.) 자바 스크립트 & jQuery를 함께 사용하지 마십시오 당신은 그냥 사용하면 $('#a1').prop('disabled',true);

Answer 2

를 작성했습니다 수 document.getElementById("a1").disabled = true;를 작성해서는 안

$("#a1").checkboxradio('disable'); 

입력을 수동으로 비활성화하는 대신

http://jquerymobile.com/demos/1.2.0/docs/forms/radiobuttons/methods.html