php disable button after onclick but skipped the rest process

Question

I want to disable a button after the button onclick and then enable the other one .

echo '<input type="text" id="txtbox1" name="tb1" value="'.$value.'" />';
echo '<input type="submit" id="btn1" name = "btnstart" value="START" onClick="this.disabled=true;"/><input type="submit" id="btn2" name = "btnend" value="End" onClick="this.disabled=true;"/>';

In this case, i can only disable the button but the rest of the process skipped. I cannot update the input textbox value.

Also, How can i disable the btn2 the before onclick btn1?

$value= $_POST['tb1']; 
echo '<form name="f1" method="POST" action="">';
echo '<input type="text" id="txtbox1" name="tb1" value="'.$value.'" />';
echo '<input type="submit" id="btn1" name = "btnstart" value="START" onClick="this.disabled=true;"/><input type="submit" id="btn2" name = "btnend" value="End" onClick="this.disabled=true;"/>';
echo '</form>';
echo '</td>';

if ( isset( $_POST['tb1'] ) ) {
$new = $value *12;
}

What exactly you want?at first both buttons should be enabled then after clinking on btn1 it should be disabled and btn2 should be enabled? — user2936213
– user2936213, Commented Jan 15, 2014 at 4:37
I want to enable the btn1 and disable btn2 when the page loaded. After clicking btn1 , btn1 disable and then enable btn2. After clicking btn2, btn2 disable also. — user3118482
– user3118482, Commented Jan 15, 2014 at 4:41

user2936213 · Accepted Answer · 2014-01-15 04:47:35Z

1

Try this:

<input type="submit" id="btn1" name = "btnstart" value="START" onClick="document.getElementById('btn2').disabled=false;this.disabled=true;"/>
<input type="submit" id="btn2" name = "btnend" value="End" onClick="this.disabled=true;" disabled/>

Working example: jsfiddle

answered Jan 15, 2014 at 4:47

user2936213

1,0111 gold badge8 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

user3118482 Over a year ago

I did it thank you. but I cant get the textbox value if(isset($_POST['btnstart'] , echo null .Can u help me?

user2936213 Over a year ago

If it is what you wanted please accept the answer :) show the full code where you want to get the textbox value.

user2936213 Over a year ago

in $_POST the value is the name of the textbox which you want. In your case it will be $_POST['tb1']

user3118482 Over a year ago

I can send you the full code in pic , are u interested in it ?

user2936213 Over a year ago

remove $value= $_POST['tb1']; from top and place it inside your if statement before calculating $new.

|

Krish R · Accepted Answer · 2014-01-15 04:38:23Z

1

Can you try this,

How can i disable the btn2 at the before onclick btn1?

Added onClick="document.getElementById(\'btn2\').disabled=true;this.disabled=true;"

    echo '<input type="text" id="txtbox1" name="tb1" value="'.$value.'" />';
    echo '<input type="submit" id="btn1" name = "btnstart" value="START" onClick="document.getElementById(\'btn2\').disabled=true;this.disabled=true;"/>
    <input type="submit" id="btn2" name = "btnend" value="End" onClick="this.disabled=true;"/>';

answered Jan 15, 2014 at 4:38

Krish R

22.7k7 gold badges54 silver badges60 bronze badges

2 Comments

user3118482 Over a year ago

I did it thank you. but I cant get the textbox value if(isset($_POST['btnstart'] , echo null .Can u help me?

Krish R Over a year ago

to get textbox value echo $_POST['tb1'];

Kanishka Panamaldeniya · Accepted Answer · 2014-01-15 06:29:16Z

0

try jquery

first load the html with submit button 2 disabled

echo '<input type="text" id="txtbox1" name="tb1" value="" />';
echo '<input type="submit" id="btn1" name = "btnstart" value="START" /><input type="submit" id="btn2" name = "btnend" value="End" disabled="disabled" />';

then using jquery

   $(document).ready(function(){
      $("input[type='submit']").click(function(){

          $("input[type='submit']").prop('disabled',false);
          $(this).prop('disabled',true);
      });
   });

disable the clicked submit button and enable other submit button

answered Jan 15, 2014 at 6:29

Kanishka Panamaldeniya

17.6k31 gold badges128 silver badges195 bronze badges

Comments

Donny van V · Accepted Answer · 2014-01-15 05:17:54Z

-1

I placed an example in jQuery. jQuery is much easier then normal Javascript. Dont forget that jQuery is still javascript but then with functions that are already named to do their function:

.click() //When clicked
.next() //Next element/attribute
.mouseenter //When hover
.text() //Set the text

$('#mydiv').text('Contains this text');

Do the codecadamy.com training, its very helpfull, easy to follow and very quick.

I placed an example in jQuery for you: JSFiddle

answered Jan 15, 2014 at 5:17

Donny van V

9811 gold badge11 silver badges24 bronze badges

2 Comments

user2936213 Over a year ago

No need to do so much coding when it can be done in a single line. :)

Donny van V Over a year ago

Its not about one line, what im saying is using jQuery is much easier. So if a starter needs something that gets done immediatly, learning jQuery is easier then learning JS ;)

Collectives™ on Stack Overflow

php disable button after onclick but skipped the rest process

4 Answers 4

6 Comments

2 Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

6 Comments

2 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related