在javascript中点击另一个按钮后激活按钮

时间:2014-03-12 10:52:55

标签: javascript jquery html

我有三个按钮是在点击一个按钮后,第二个是访问点击然后第三个。当我点击第三个按钮它不应该工作

<input type="button" value="button" id="one" onclick="show()" action="">
<input type="button" value="button" id="two" onclick="show1()">
<input type="action" value="button" id="three">

<script>
function show{ 
}
</script>

5 个答案:

答案 0 :(得分:5)

最初使用以下方法禁用第二个和第三个按钮:

<input type="button" value="button" id="two" onclick="show1()" disabled="disabled"/>
<input type="action" value="button" id="three" disabled="disabled"/>

并使用此代码:

function show()
{
    document.getElementById('two').removeAttribute('disabled');
}
// And Same For Second Button Click
function show1()
{
    document.getElementById('three').removeAttribute('disabled');
}

答案 1 :(得分:2)

jQuery在这里会更好:

$('#one').click(function () { // on a click on the button with id 'one'
  $('#two').trigger('click');// trigger the click on second, and go on 
}

使用此方法,您可以使用特定元素上的事件触发其他元素上的事件!

答案 2 :(得分:0)

    <script>
    function show(){ 
$('#button1').attr('disabled',false);
$('#button2').attr('disabled',false);

    }
    function show1(){
$('#button2').attr('disabled',false);
    }
    </script>

答案 3 :(得分:0)

您可以使用Jquery将事件绑定到点击。 那就是你想要的:

$('#ButtonID').bind('click',function(){
   $('#ButtonID2').show(); 
    //or
   $('#ButtonID1').removeAttr('disabled');//if you want it be shown but not enabled
});

这是用于禁用按钮:

 $('#ButtonID').attr('disabled','disabled');

答案 4 :(得分:0)

你在找这个吗?

$("input").click(function(){
 $("input").attr('disabled','disabled');
$(this).next().removeAttr('disabled');

});

Demo