gpt4 book ai didi

javascript - jQuery:启用单选检查元素

转载 作者:行者123 更新时间:2023-12-02 01:31:35 26 4
gpt4 key购买 nike

jQuery 函数没有启用我禁用的提交按钮?

$(document).ready(function() {
if ($("#lawfulBasis").prop("checked")) {
$("#submitBtn").prop('disabled', false);
alert('Button Clicked');
};
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<html>

<head>

</head>
<body>
<input id="lawfulBasis" type="radio" value="3" /> I give consent for you to store my data for the purposes of marketing, to contact me about products and services via email and telephone*
<p>
<input id="submitBtn" type="submit" value="Submit" disabled/>
</p>

</body>

</html>

最佳答案

问题是因为您只读取了 document.ready 处理程序中 radio 控件的状态,即。当页面加载时而不是当用户更改其状态时。

要解决此问题,请向 radio 附加一个 change 事件处理程序,并据此设置按钮的disabled 状态。

最后,请注意,您应该为此使用复选框,而不是单选按钮。原因是第一次选择后无法取消选择。

jQuery($ => {
$("#lawfulBasis").on('change', e => {
$("#submitBtn").prop('disabled', !e.target.checked);
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<label>
<input id="lawfulBasis" type="checkbox" value="3" />
I give consent for you to store my data for the purposes of marketing, to contact me about products and services via email and telephone*
</label>
<p>
<input id="submitBtn" type="submit" value="Submit" disabled/>
</p>

关于javascript - jQuery:启用单选检查元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/73190648/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com