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，我想根据检查的radiobutton显示或隐藏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>

jQuery检查检查哪个radiobutton

3 个答案: