javascript - 选择单选按钮时删除 Div 属性

Question

我对 JavaScript 很陌生，不太确定我在做什么。我发现一些有用的代码，当从下拉列表中选择某个值时，可以删除/插入 Div 的属性。我想修改此代码，以便在选择单选按钮时更改属性。

这是我目前的代码:

function pageLoad(sender, args) {
    if (args.get_isPartialLoad()) {
        var rangeType = $('#<%= DateRangeList.ClientID%>').val();
        if (rangeType == 6) {
            $('#DatePeriodRow').removeAttr("style");
        }
        else {
            $('#DatePeriodRow').attr("style", "display: none;");
        }
    }
}


$(document).ready(function () {
    $('#<%= DateRangeList.ClientID %>').live("change", function() {
        var rangeType = $('#<%= DateRangeList.ClientID %>').val();
        if (rangeType == 6) {
            $('#DatePeriodRow').removeAttr("style");
        }
        else {
            $('#DatePeriodRow').attr("style", "display: none;");
        }
    });
})

我一直在尝试各种方法来重建此代码以满足我的需要，但到目前为止还没有运气。我也做了很多谷歌搜索但无济于事。我经常收到“属性/值为空或未定义”消息，并且我不确定如何调试 java 方面的事情。

任何和所有的帮助将不胜感激!

Answer 1

如果你想显示隐藏和元素，拉基的答案就可以。你也可以这样表达:

$('#DatePeriodRow').hide(); // Hide Div
$('#DatePeriodRow').show(); // Show Div

首先，如果您的属性/值未定义或为空，您的选择器可能有问题。 IE。以下行:

$('#<%= DateRangeList.ClientID %>')

<%= ... %> 看起来像 ASP，如果打算在该环境中运行，则该代码可能无法正确评估，从而给您提供错误的 jQuery 选择器。

还有一件事

检查您使用的 jQuery 版本，.live() 已弃用，较新版本使用 .on