comprobación de jQuery, que radioButton se comprueba

Question

Tengo 2 botón de radio y 1 radcombobox

<asp:RadioButton ID="cbxYes" Width="60" Height="30" runat="server" GroupName="proffesional" OnCheckedChanged="cbxYes_CheckedChanged" /> 
<asp:RadioButton ID="cbxNo" runat="server" Width="60" Height="30" GroupName="proffesional" Checked="true" OnCheckedChanged="cbxNo_CheckedChanged" /> 
<telerik:RadComboBox ID="dblSelect" EnableEmbeddedSkins="false" BackColor="Black" ForeColor="#d8d8d8" runat="server" Width="200" Height="30" ></telerik:RadComboBox> 

. no use clientidmode=static y quiero mostrar u ocultar el radcombobox de acuerdo con el botón de radio que esté marcado.

He escrito este código:

<script type="text/javascript"> 
$(document).load(function() { 
    var dropdown = $('#<%= dblSelect.ClientID%>'); 
    var radio1 = $('#<%= cbxYes.ClientID%>'); 
    var radio2 = $('#<%= cbxNo.ClientID%>'); 
    if ((radio1.is(':checked').val()) == 'true') { 
     dropdown.is(':visible').val() = 'true'; 
    }; 
    if((radio2.is(':checked').val() == 'false'){ 
     dropdown.is(':visible').val() = 'false'; 
    }; 
}); 
</script> 

¿Qué estoy haciendo mal?

Gracias de antemano :)

Answer 1

de is jQuery devuelve un booleano .

if (radio1.is(':checked')) { 
    dropdown.show(); 
}; 
if(radio2.is(':checked')){ 
    dropdown.hide(); 
}; 

Answer 2

si utiliza Asp.Net 4 y utiliza clientidmode="static"

$(document).ready({ 

    if ($("#cbxYes[type='radio']:checked").val() == 'true') { 
     $("#dblSelect").fadeIn(); 
    }; 
    if ($("#cbxNo[type='radio']:checked").val() == 'true') { 
     $("#dblSelect").fadeOut(); 
    }; 
}); 

Incluso puede hacer que sea más corto:

$(document).ready({ 
    $("input[type='radio']").click(function() { 
     $("#dblSelect").toggle(); 
    }); 
}); 

Answer 3

Tal vez puedas probar

<script type="text/javascript"> 
$(document).load(function() { 
    var dropdown = $('#<%= dblSelect.ClientID%>'); 
    var radio1 = $('#<%= cbxYes.ClientID%>'); 
    var radio2 = $('#<%= cbxNo.ClientID%>'); 
    if (radio1.is(':checked') == true) { 
     dropdown.show(); 
    }; 
    if(radio2.is(':checked') == false){ 
     dropdown.hide(); 
    }; 
}); 
</script>