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;");
        }
    });
})

我一直在尝试各种方法来重建此代码以满足我的需要，但到目前为止运气不佳。我也做了很多谷歌搜索无济于事。我经常收到“Propery/Value is null or undefined”消息，但我不确定如何调试 Java 方面的事情。

我们将不胜感激任何帮助!

Answer 1

如果您尝试显示隐藏和元素，Raki 的答案就可以了。你也可以这样表达:

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

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

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

<%= ... %> 看起来像 ASP，如果它打算在该环境中运行，则可能是该代码未正确评估，这会为您提供错误的 jQuery 选择器。

还有一件事

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