CODEWITHSUNDEEP
javascriptjqueryhtml
Karthika
Karthika

Reputation: 103

activate button after another button click in javascript

I have three button are after clicking on one button,second has to access the click and then the third .when i click on the third button it should not work

<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>

Upvotes: 1

Views: 17195

Answers (5)

Abhay Prince
Abhay Prince

Reputation: 2162

Initially disable second and third button using :

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

And Use this code :

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

Upvotes: 5

knightsb
knightsb

Reputation: 347

you can use Jquery to bind an event to the click. and there do what you want:

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

this is for disableing the buttons:

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

Upvotes: 0

Anoop Joshi P
Anoop Joshi P

Reputation: 25537

Are you looking for this

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

});

Demo

Upvotes: 0

halkujabra
halkujabra

Reputation: 2942

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

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

Upvotes: 0

Afzaal Ahmad Zeeshan
Afzaal Ahmad Zeeshan

Reputation: 15860

jQuery would be better here:

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

Using this method you can trigger events on other elements using an event on a particular element!

Upvotes: 2

Related Questions