javascript - 无法获取 value in javascript

Question

我正在为隐藏字段赋值，我想在 JavaScript 中访问该值。

我的声明部分是:

<asp:HiddenField ID="chkImages" runat="server" />
<div id="main" runat="server" style="display:none;"></div>
<a id="NewsTitle" runat="server" class="specialNews-label"></a>

我的 JavaScript 代码是:

$(document).ready(function () {
    $( "#bxsliderid" ).parent().css( "display", "block" );
    $('.bxslider').bxSlider({
        controls:false,
        pager:false,
        auto:true,
        speed: 9000,   
        easing: 'linear', 
        mode: 'fade',
        pause: 5000,
    });

    if(document.getElementById('<%= chkImages.ClientId%>').value == "1") {
        $( ".specialNews-label" ).css( "display", "block" );
    }
});

我打开页面并在 Firebug 中看到隐藏字段已呈现，但我没有得到它的值，在调试 JavaScript 时我收到如下错误:无法获取未定义的属性“值”或空引用

我错过了什么？

Answer 1

您无需更改 HTML 代码中的任何内容，只需按如下方式更改您的 javascript:

在您的 Jquery 代码中:

$(document).ready(function () {
    $( "#bxsliderid" ).parent().css( "display", "block" );
    $('.bxslider').bxSlider({
        controls:false,
        pager:false,
        auto:true,
        speed: 9000,   
        easing: 'linear', 
        mode: 'fade',
        pause: 5000,
    });

    if($("input[type='hidden'][id$='chkImages']").val() == "1") {
        //alert('test');
        $( ".specialNews-label" ).css( "display", "block" );
    }
});

查看呈现的 HTML 的演示:

JS Fiddle