如何解决启用复选框上的禁用按钮单击 jquery
在我的页面上,我有一个复选框和一个提交按钮:
<input type="checkbox" id="chkbxId" />
<input type="submit" name="submit" id="submitId" value="Update" disabled="disabled" />
我想要 JQuery :
- 用户到达页面是因为他想激活他的设置:该框未选中且按钮已禁用。
如果用户选中该框,则启用提交按钮。如果用户取消选中该框,则提交按钮将被禁用。
- 用户到达页面是因为他想取消激活他的设置:复选框被选中,按钮被禁用。
如果用户取消选中该框,则启用提交按钮。如果用户选中该框,则提交按钮将被禁用。
谢谢,
解决方法
您需要为 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 );
}
,
你可以试试这个。
$('.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" />
我找到了一个解决方案(可能不是最好的):
<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');
}
});
谢谢,
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。