我有两个按钮和两个按钮上的警报功能。我希望如果用户单击第一个按钮,第一个按钮上的功能应该起作用,但是当用户单击第二个按钮时,第一个按钮上的功能不应该起作用我的意思是如果用户单击第二个按钮,该功能不应该在第一个按钮上起作用.下面是代码,但它不起作用:
<script>
function abc(){
alert ("its a alert box!");
}
function xyz(){
var a=150;
alert(a);
}
<body>
<input type="button" value="submit 1" onClick="abc();">
<input type="button" value="submit 2" onClick="xyz();">
</body>
最佳答案
您可以使用 jquery 在单击第二个按钮时取消绑定(bind)第一个按钮的单击事件。但是您需要添加一些 id 属性,以便您可以轻松地做到这一点。
<body>
<script>
function abc(){
alert ("its a alert box!");
}
function xyz(){
$('#btn1').unbind('click');
var a=150;
alert(a);
}
</script>
<input id="btn1" type="button" value="submit 1" onClick="abc();"></input>
<input id="btn2" type="button" value="submit 2" onClick="xyz();"></input>
</body>
您还可以进一步优化您的代码,使其不依赖于内联的 onclick 属性。
$(document).ready(function(){
$('#btn1').click(abc);
$('#btn2').click(xyz);
})
关于单击其他图像时,Javascript 禁用可单击图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18764584/