按钮在单击时启用和禁用
按钮在单击时启用和禁用
提问于 2016-08-27 07:26:01
所以我要按下这个链接
<a href="link" target="_blank">
<div class="well">
<span> blabla </span>
</div>
</a>和页面中的按钮代码
<button type="submit" class="btn-primary btn-lg" disabled="disabled"> Blabla </button>正如你所看到的，这个按钮现在是禁用的。当我按下要再次启用该按钮的链接时，我如何做到这一点？对不起我的英语不好..。
回答 4
Stack Overflow用户
回答已采纳
发布于 2016-08-27 07:37:54
尝试toggleDisabled的这个广义函数
//Generalized function to make element toggleDisabled.
(function($) {
$.fn.toggleDisabled = function(){
return this.each(function(){
this.disabled = !this.disabled;
});
};
})(jQuery);
//Code to use toggleDisabled
$(document).ready(function(){
$("a").click(function(){
$("button[type='submit']").toggleDisabled();
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="link" target="_blank">
<div class="well">
<span> blabla </span>
<div>
</a>
<br/>
<button type="submit" class="btn-primary btn-lg" disabled="disabled"> Blabla </button>
Stack Overflow用户
发布于 2016-08-27 07:30:36
希望这段代码有用
document.getElementById('click').onclick = function(event){
// on click prevent the default behavior
event.preventDefault();
document.getElementsByClassName('btn-primary')[0].disabled = false;
}Stack Overflow用户
发布于 2016-08-27 07:29:45
我建议在按钮和链接中添加一个id属性，这样就可以更容易地使用Javascript访问它们。假设您将id="myButton"分配给按钮，id="myLink"分配给锚标记：
$('#myLink').on('click', function() {
$('#myButton').prop('disabled', false);
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39178589
复制相关文章
相似问题
腾讯云开发者
