我试图将一个类添加到具有onClick
事件的按钮。该onClick
事件触发一个弹出窗口alert
,告诉用户选中一个框。一旦你选中一个复选框,它会禁用onClick
:$("#continue").prop('onclick',null).off('click');
一旦onClick
被禁止,我想补充class
,一旦它被点击的按钮:
//Updated JS
jQuery(function($) {
if ($("#continue").hasClass("selected")) {
$(this).addClass('active');
}
$('#button').click(function(){
$("#continue").addClass('selected');
$("#continue").prop('onclick',null).off('click');
});
});
//Button HTML
<a id="button" href="javascript:void(0)">Pick me</a>
<a id="continue" href="javascript:void(0)" onclick="showError()">Continue</a>
但是没有class
添加。不知道怎么回事。
也许您可以触发一个函数来验证元素是否具有所需的类,如下所示:
function validate(element) {
if ($(element).hasClass('selected')) {
$(element).addClass('active');
} else {
alert("this is an error");
}
}
$(function() {
$('#button').click(function() {
$("#continue").addClass('selected');
});
});
.selected {
color: red;
}
.active {
color: green;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a id="button" href="javascript:;">Pick me</a>
<a id="continue" href="javascript:;" onclick="validate(this)">Continue</a>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句