gpt4 book ai didi

javascript - 在单选按钮上显示/隐藏按钮单击 jquery

转载 作者:行者123 更新时间:2023-11-30 09:44:08 25 4
gpt4 key购买 nike

我有 2 个按钮和 2 个单选按钮

按钮

1) btnErp

2) 谷歌

单选按钮

1) rdiogoogle

2)rdioErp

如果我点击 rdiogoogle,btngoogle 应该可见,btnerp 应该隐藏,如果我点击 rdioerp,btnerp 应该可见,btngoogle 应该隐藏

我做了下面的代码,但它不工作

Jquery

    <script>
$(document).ready(function () {
$("#btnerp").hide();
$("#rdiogoogle").click(function () {
$("#btngoogle").show();
$("#btnerp").hide();
});
$("#rdioerp").click(function () {
$("#btngoogle").hide();
$("#btnerp").show();
});
});
</script>


**HTML**


<div style="margin-top:20px;" class="spaceradio">
<span>
<input type="radio" id="rdiogoogle" name="logintype" value="Google Login" /><span style="font-weight:bold; font-size:17px; font-family:Verdana; margin-left:20px; color:black;">Google Login</span>
</span>
</div>
<div style="margin-top:20px;" class="spaceradio spacer">
<span>
<input type="radio" id="rdioerp" name="logintype" value="ERP Login" /><span style="font-weight:bold; font-size:17px; font-family:Verdana; margin-left:20px; color:black;">ERP Login</span>
</span>
</div>
<div class="imagediv" style="">

<input id="btngoogle" type="image" src="~/Images/google-logo-new.png" alt="Google Login" width="100" height="34" class="btnspacer" />
<input id="btnerp" type="button" class="btn btn-default btnspacererp" style="visibility:hidden;" width="200" height="34" value="Login" />
</div>

最佳答案

您需要在代码中使用不同的逻辑,试试这个:

$(document).ready(function () {

$("input[name=logintype]").change(function(){

if($("#rdiogoogle").is(':checked')){
$("#btgoogle").show();
$("#btnerp").hide();
}else if($("#rdioerp").is(':checked')){
$("#btngoogle").hide();
$("btnerp").show();
}
});
});

关于javascript - 在单选按钮上显示/隐藏按钮单击 jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39674365/

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