jQuery 检查哪个单选按钮被选中

Question

我有 2 个 radiobutton 和 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>

。不要使用 clientidmode=static 并且我想根据选中的单选按钮显示或隐藏 radcombobox。

我写了这段代码：

<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>

我做错了什么？

提前致谢 ：）

Answer 1

jQuery 的 is 返回一个布尔值。

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

Answer 2

如果你使用 Asp.Net 4
并使用 clientidmode="static"

$(document).ready({

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

您甚至可以使其更短：

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

Answer 3

试试这个

<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>