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

Question

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

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

我想要JQuery:

• 用户到达页面是因为他想激活自己的设置：复选框未选中，按钮被禁用

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

• 用户到达页面是因为他想取消激活他的设置：复选框被选中，按钮被禁用

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

谢谢你，

Answer 1

您需要为checkbox添加更改事件。与CheckBoxChange()一样。在CheckboxChange()事件中，您可以启用或禁用按钮。查找下面的代码片段。

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

}

Answer 2

我找到了一个解决方案(可能不是最好的(：

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

谢谢你，

Answer 3

你可以试试这个。

$('.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" />