启用复选框上的禁用按钮单击jquery答案

【问题标题】：enable disable button on checkbox click jquery启用复选框上的禁用按钮单击jquery
【发布时间】：2023-03-21 15:00:02
【问题描述】：

在我的页面上，我有一个复选框和一个提交按钮：

<input type="checkbox" id="chkbxId" />
<input type="submit" name="submit" id="submitId" value="Update" disabled="disabled" />

我想用 JQuery ：

用户到达页面是因为他想激活他的设置：该框未被选中并且按钮被禁用。

如果用户选中该框，则启用提交按钮。如果用户取消选中该框，则提交按钮被禁用。

用户到达页面是因为他想取消激活他的设置：该框被选中并且按钮被禁用。

如果用户取消选中该框，则启用提交按钮。如果用户选中该框，则提交按钮被禁用。

谢谢，

【问题讨论】：

请向我们展示您尝试过的内容以及无效的内容。另请记住，StackOverflow 不是编码服务。如果您搜索一下，您也可以找到答案，因为这是您要求的非常正常的事情
如果你谷歌你可以先搜索jquery checkbox change event.然后jquery disable/enable button
如果你真的需要 jquery 来完成这个任务，请仔细考虑

标签： jquery checkbox submit

【解决方案1】：

您需要为checkbox添加更改事件。像CheckBoxChange()一样。在CheckboxChange()事件中您可以启用或禁用按钮。找到下面的代码sn-p。

html代码

<input onChange="CheckBoxChange()" type="checkbox" id="chkbxId" />
<input type="submit" name="submit" id="submitId" value="Update" disabled="true" />

jQuery 代码

 function CheckBoxChange(){
    let checked = jQuery('#chkbxId').is(':checked'); 
      jQuery("#submitId" ).prop( "disabled", checked );
     
 }

【讨论】：

【解决方案2】：

你可以试试这个。

 $('.checkbox').on('click', function(){
    var checked = $('.checkbox').is(':checked'); 
      $(".submit").prop("disabled", checked);
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<input class="checkbox" type="checkbox" />
<input class="submit" type="submit" />

【讨论】：

它不起作用：如果用户设置被停用（未选中框），则启用提交按钮。如果我选中该框，则提交被禁用。用户可以随时更改他的设置。他一定修改了复选框以使按钮处于活动状态。
您需要从 HTML 中删除 disabled="true" 属性。

【解决方案3】：

我找到了一个解决方案（也许不是最好的）：

<input class="checkbox" type="checkbox" />
<input class="submit" type="submit" disabled="" />

$('.checkbox').click(function (){
        if($(".submit").is(':disabled')){
            $(".submit").removeAttr('disabled');
        } else {
            $(".submit").attr('disabled', 'disabled');
        }
    });

谢谢，

【讨论】：