Javascript 如果输入元素没有值，如何禁用LinkButton？

正如标题所说，如果某些输入元素没有值，我尝试禁用LinkButton，如果其中一个输入元素有值，则启用LinkButton。如果其中一个输入元素暂时没有保存值，我只是尝试禁用LinkButton，到目前为止，我已经做到了这一点：

风格：

<style>
        .disabled-link
        {
            color: Gray;
        }
   </style>

<script>
$(function() {
            $('select[id$=hdnSelectedOrganisations]').change(function() {
                var value = hdnSelectedOrganisations.value;
                var btnGenerateReport = $('a[id$=btnGenerateReport]')
                var href = btnGenerateReport.attr('href');
                if (value == null) {
                    btnGenerateReport.attr('href', '#').attr('myCustomAttr', href).addClass('disabled-link');
                }
                else {
                    linkButton1.attr('href', linkButton1.attr('myCustomAttr')).removeClass('disabled-link');
                }
            });
        $(document).ready(function ()
</script>

                <div id="dOrganisationSearch" class="autosuggest-wrap clearfix">
                    <input type="text" id="txtClientName" runat="server" class="autosuggest client data_clientname" autocomplete="off" data-required="true" placeholder="Organisation" />
                            <input id="hdnClientID" runat="server" type="hidden" class="data_clientid" />
                            <div id="client-results" class="as-results as-results--modal"></div>

                    <p id="pSelectedOrganisations" runat="server" style="font-weight: bold; margin-top: 10px;"></p>

                    <input type="hidden" id="hdnSelectedOrganisations" runat="server"/>
                </div>

<div class="autosuggest-wrap clearfix" style="text-align:center;">
                    <button class="clear-filters lightblue view_btn att fillWidth" style="background-color: indianred; padding-top: 12px; padding-bottom: 11px;">CLEAR ALL FILTERS</button>
                    <asp:LinkButton ID="btnGenerateReport" runat="server" OnClick="btnGenerateReport_Click" CssClass="lightblue view_btn att fillWidth" Text="Generate Report" />
                </div> 

.禁用链接
{
颜色：灰色；
}

Javascript：

<style>
        .disabled-link
        {
            color: Gray;
        }
   </style>

<script>
$(function() {
            $('select[id$=hdnSelectedOrganisations]').change(function() {
                var value = hdnSelectedOrganisations.value;
                var btnGenerateReport = $('a[id$=btnGenerateReport]')
                var href = btnGenerateReport.attr('href');
                if (value == null) {
                    btnGenerateReport.attr('href', '#').attr('myCustomAttr', href).addClass('disabled-link');
                }
                else {
                    linkButton1.attr('href', linkButton1.attr('myCustomAttr')).removeClass('disabled-link');
                }
            });
        $(document).ready(function ()
</script>

                <div id="dOrganisationSearch" class="autosuggest-wrap clearfix">
                    <input type="text" id="txtClientName" runat="server" class="autosuggest client data_clientname" autocomplete="off" data-required="true" placeholder="Organisation" />
                            <input id="hdnClientID" runat="server" type="hidden" class="data_clientid" />
                            <div id="client-results" class="as-results as-results--modal"></div>

                    <p id="pSelectedOrganisations" runat="server" style="font-weight: bold; margin-top: 10px;"></p>

                    <input type="hidden" id="hdnSelectedOrganisations" runat="server"/>
                </div>

<div class="autosuggest-wrap clearfix" style="text-align:center;">
                    <button class="clear-filters lightblue view_btn att fillWidth" style="background-color: indianred; padding-top: 12px; padding-bottom: 11px;">CLEAR ALL FILTERS</button>
                    <asp:LinkButton ID="btnGenerateReport" runat="server" OnClick="btnGenerateReport_Click" CssClass="lightblue view_btn att fillWidth" Text="Generate Report" />
                </div> 

$（函数（）{
$（'select[id$=hdnselectedorganizations]'）。更改（函数（）{
var value=hdnselectedorganizations.value；
var btngenerateport=$（'a[id$=btngenerateport]'）
var href=btngenerateport.attr（'href'）；
如果（值==null）{
btngenerateport.attr（'href'，'#'）.attr（'myCustomAttr'，href.）.addClass（'disabled-link'）；
}
否则{
linkButton1.attr（'href'，linkButton1.attr（'myCustomAttr'））.removeClass（'disabled-link'）；
}
});
$（文档）.ready（函数（）

要读取的输入元素：

<style>
        .disabled-link
        {
            color: Gray;
        }
   </style>

<script>
$(function() {
            $('select[id$=hdnSelectedOrganisations]').change(function() {
                var value = hdnSelectedOrganisations.value;
                var btnGenerateReport = $('a[id$=btnGenerateReport]')
                var href = btnGenerateReport.attr('href');
                if (value == null) {
                    btnGenerateReport.attr('href', '#').attr('myCustomAttr', href).addClass('disabled-link');
                }
                else {
                    linkButton1.attr('href', linkButton1.attr('myCustomAttr')).removeClass('disabled-link');
                }
            });
        $(document).ready(function ()
</script>

                <div id="dOrganisationSearch" class="autosuggest-wrap clearfix">
                    <input type="text" id="txtClientName" runat="server" class="autosuggest client data_clientname" autocomplete="off" data-required="true" placeholder="Organisation" />
                            <input id="hdnClientID" runat="server" type="hidden" class="data_clientid" />
                            <div id="client-results" class="as-results as-results--modal"></div>

                    <p id="pSelectedOrganisations" runat="server" style="font-weight: bold; margin-top: 10px;"></p>

                    <input type="hidden" id="hdnSelectedOrganisations" runat="server"/>
                </div>

<div class="autosuggest-wrap clearfix" style="text-align:center;">
                    <button class="clear-filters lightblue view_btn att fillWidth" style="background-color: indianred; padding-top: 12px; padding-bottom: 11px;">CLEAR ALL FILTERS</button>
                    <asp:LinkButton ID="btnGenerateReport" runat="server" OnClick="btnGenerateReport_Click" CssClass="lightblue view_btn att fillWidth" Text="Generate Report" />
                </div> 

要禁用的按钮：

<style>
        .disabled-link
        {
            color: Gray;
        }
   </style>

<script>
$(function() {
            $('select[id$=hdnSelectedOrganisations]').change(function() {
                var value = hdnSelectedOrganisations.value;
                var btnGenerateReport = $('a[id$=btnGenerateReport]')
                var href = btnGenerateReport.attr('href');
                if (value == null) {
                    btnGenerateReport.attr('href', '#').attr('myCustomAttr', href).addClass('disabled-link');
                }
                else {
                    linkButton1.attr('href', linkButton1.attr('myCustomAttr')).removeClass('disabled-link');
                }
            });
        $(document).ready(function ()
</script>

                <div id="dOrganisationSearch" class="autosuggest-wrap clearfix">
                    <input type="text" id="txtClientName" runat="server" class="autosuggest client data_clientname" autocomplete="off" data-required="true" placeholder="Organisation" />
                            <input id="hdnClientID" runat="server" type="hidden" class="data_clientid" />
                            <div id="client-results" class="as-results as-results--modal"></div>

                    <p id="pSelectedOrganisations" runat="server" style="font-weight: bold; margin-top: 10px;"></p>

                    <input type="hidden" id="hdnSelectedOrganisations" runat="server"/>
                </div>

<div class="autosuggest-wrap clearfix" style="text-align:center;">
                    <button class="clear-filters lightblue view_btn att fillWidth" style="background-color: indianred; padding-top: 12px; padding-bottom: 11px;">CLEAR ALL FILTERS</button>
                    <asp:LinkButton ID="btnGenerateReport" runat="server" OnClick="btnGenerateReport_Click" CssClass="lightblue view_btn att fillWidth" Text="Generate Report" />
                </div> 

清除所有过滤器

---

出于某种原因，无论我怎么尝试，该按钮都不会禁用。提前感谢您的帮助！

如果条件错误，因为HiddenField.value和TextBox.text将永远不会为null。默认情况下，它是空字符串

您需要更改以下条件：

if (value == null) {

致：

---

啊，是的，你说得对。我做了更改，但按钮仍然没有被禁用。在代码中，你只添加了样式“disabled link”，这会更改控件的颜色。因此，如果你想禁用控件，你需要添加属性“disabled”或“disabled=true”。