2014-03-04 2 views
1

을 선택하면 작동하지 않습니다 확인 감지하는 i를 pesudo 후 요소를 사용하는 일부 사용자 지정 라디오 버튼을 만들려면 다음 CSS를 가지고 : 사용자가 클릭 할 때CSS는 라디오 버튼 JQuery와 세트 속성

.estimate-forms .special-smallradio:checked + label:after{content: '';width: 12px;height: 12px;border-radius: 50px;position: absolute;top: 3px;background: #99a1a7; left:3px; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);} 

그것은 잘 작동을 라디오 버튼을 수동으로 누릅니다. 그러나 Jquery를 사용하여 속성을 변경하여 라디오 버튼을 선택 표시해야하는 경우가 있습니다.

$(".special-smallradio").attr("checked",true); 

라디오 버튼이 작동하는 것으로 확인 된 CSS는 없습니다. 내가하려는 일이 가능하다면 어떤 생각이라도 가능합니까?

편집 :

이것은 라디오 버튼에 대한 내 html입니다. 앞서 언급 한 것처럼 사용자 정의 라디오 버튼이므로 문제가 될 수 있습니다. 대신 attr('checked', true)을 설정

<input type="radio" name="dates[0]['response']" value="0" class="special-smallradio" id="date_0_0"/> <label for="date_0_0"></label> 
<input type="radio" name="dates[0]['response']" value="1" class="special-smallradio" id="date_0_1"/> <label for="date_0_1"></label> 
+2

? 아마도'prop()'에'attr()'을 바꿔 줘야 할 것입니다. – alex

+0

http://stackoverflow.com/questions/5270689/attrchecked-checked-does-not-work을 참조하십시오. –

+0

라디오 버튼에 HTML을 포함시킬 수 있습니까? 거기도 바로 있지 않습니다. –

답변

0

, 내가 이전에 같은 문제를했고이 작업을 발견 'checked'

로 설정하려고 :

사용하는 jQuery를 버전
$(this).parent().find('a.active input:radio').attr('checked','checked'); 
+0

그건 잘 작동하지 않습니다. 라디오 입력이 checked = "checked"로 표시됩니다. – Adam

+0

'checked'가 된 checked 속성을 기반으로 CSS 속성 선택기를 사용할 수 있습니까? – timmackay

+0

라디오 버튼을 수동으로 클릭하고 자바 스크립트를 사용하여 다른 방법이 있습니까? 내가 작동 CSS 스타일 선택기를 사용하여 제안을 사용했지만 수동으로 라디오 버튼을 클릭하면 작동하지 않습니다. 그래서 내가 속성과 : css를 모두 사용하면 작동하지 않을 것입니다. – Adam