如果选中复选框并且标签是特定文本，则禁用按钮

发布于 2025-01-18 09:23:37 字数 825 浏览 0 评论 0原文

我有一个带有datagrid的表（每行中的复选框和标签）。我想通过检查标签是否“禁止”来禁用按钮。用户可以检查多个复选框。因此，我的问题是如何获取所有检查复选框，然后检查每个选定行中的标签是否为“禁止”，以便我可以禁用该按钮。

我尝试了这样的事情：

$(function() {
    checkboxes = document.querySelectorAll('[id=checkId]');
    var validateBtn = $('button[name="btnVal"]');
    checkboxes.forEach((cb) => {
        cb.addEventListener('change', checkStatus);
    });
    function checkStatus() {
        //to-do
        // if ($(this).is(":checked")) {
            
            var label = document.getElementById('statusLabel');
            if (label.textContent == "Forbidden") {
                validateBtn.prop('disabled', true);
            }
        }
    });

表看起来像这样：在此处输入图像描述在这种情况下，当我们选择了禁止状态时，应禁用按钮。

原文

I have a table with a datagrid (checkboxes and labels in each row). I want to disable a button by checking if a label is "Forbidden". The user can check multiple checkboxes. So my question is how do I get all the checked checkboxes and then check if the label in each selected row is of value "Forbidden" so I can disable the button.

I tried something like this:

$(function() {
    checkboxes = document.querySelectorAll('[id=checkId]');
    var validateBtn = $('button[name="btnVal"]');
    checkboxes.forEach((cb) => {
        cb.addEventListener('change', checkStatus);
    });
    function checkStatus() {
        //to-do
        // if ($(this).is(":checked")) {
            
            var label = document.getElementById('statusLabel');
            if (label.textContent == "Forbidden") {
                validateBtn.prop('disabled', true);
            }
        }
    });

The table looks like this:enter image description here In this case the button should be disabled as we have selected a forbidden status.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

简单气质女生网名 2025-01-25 09:23:37

您可以检查复选框的属性并根据以下内容禁用按钮：

$('#id_of_your_checkbox').click(function() {
    if ($(this).is(':checked')) {
        $('#id_of_your_button').attr('disabled', 'disabled');
    } else {
        $('#id_of_your_button').removeAttr('disabled');
    }
});

You can check the property of the checkbox and disable the button according to this will be:

$('#id_of_your_checkbox').click(function() {
    if ($(this).is(':checked')) {
        $('#id_of_your_button').attr('disabled', 'disabled');
    } else {
        $('#id_of_your_button').removeAttr('disabled');
    }
});

回复收藏 0 原文

~没有更多了~