텍스트 만있는 라디오 버튼 표시

내 페이지에는 두 개의 라디오 버튼이 있습니다. 나는 몇몇 시나리오에서 그들 중 하나를 숨 깁니다. 이 경우 두 번째 라디오 버튼이 기본적으로 선택됩니다. 그 경우에는 라디오 버튼으로 표시한다는 의미가 없으므로 레이블과 같이 표시하려고합니다. asp 라디오 버튼을 사용하고 있습니다. 이것을 달성하는 방법. 라디오 버튼에 CSS의 옵션 버블을 숨기는 방법이있을 수 있습니다.텍스트 만있는 라디오 버튼 표시

출처

2014-04-10 Wilson

질문을 ASPX 코드로 업데이트 할 수 있습니까? – SpiderCode

아니요 큰 코드입니다. 요약에서 내가 묻는 것은, CSS를 통해 특정 조건에 대한 레이블을 좋아하는 라디오 버튼을 만드는 방법입니다. – Wilson

내 대답 좀 봐. 당신이 해결책을 찾을 수 있기를 바랍니다. – SpiderCode

이 시도 : $('#<%=this.RadioButton.ClientID%>').hide() 및 $('#<%=this.RadioButton.ClientID%>').show().

출처

2014-04-10 13:38:13 sms

이 마크 업을 고려 :

<asp:RadioButton ID="rbl" Text="value" CssClass="radio-toolbar" runat="server"/>

다음이 CSS 스타일을 수행

.radio-toolbar input[type="radio"] 
{ 
    display:none; 
}

이는 당신이 jQuery를 사용하여이를 달성 할 수있는 radiobutton

출처

2014-04-10 06:09:12 Arion

의 레이블을 표시합니다. 아래 코드 샘플을 참조하십시오. fiddle 당신이 CSS와 JS 내가 클릭 이벤트를 바인딩에 의미

를 사용하여 수행하려는 경우

<asp:RadioButton runat="server" Text="Radio 1" ID="radio1" /> 

<asp:Button runat="server" ID="buttonTest" OnClientClick="return ManageRadio();"/> 

<script type="text/javascript"> 
    function ManageRadio() { 
     $('#' + '<%=radio1.ClientID%>').hide(); 
     return false; 
    } 

</script>

출처

2014-04-10 06:12:46 SpiderCode

검사 : 그것은 텍스트 만 표시됩니다.

--JQuery--

$(function(){ 
    $("#click_me").click(function(){ 
     $("#a").toggle(0,function(){ 
      $(this).next('label').toggle(0,function(e){ 
       $(this).next('input[type="radio"]').toggle(); 
      }); 
     }); 
    }); 
})

확인 jfiddle

출처

2014-04-10 06:30:34

텍스트 만있는 라디오 버튼 표시

답변

관련 문제