2014-01-15 65 views
0

我想在按鈕onclick後禁用一個按鈕,然後啓用另一個。php onclick後禁用按鈕,但跳過了其餘的過程

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;"/>'; 

在這種情況下,我只能禁用按鈕,但過程的其餘部分跳過。我無法更新輸入文本框的值。

另外,如何禁用btn2之前的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; 
} 
+0

你究竟想要什麼?首先,兩個按鈕都應該啓用,然後在'btn1'上叮噹響應該禁用並且應啓用'btn2'? – user2936213

+0

我想啓用btn1並在加載頁面時禁用btn2。點擊btn1後,禁用btn1,然後啓用btn2。 點擊btn2後,btn2也會關閉。 – user3118482

回答

1

試試這個:

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

工作例如:jsfiddle

+0

我這樣做謝謝你,但我無法獲得文本框的值'if(isset($ _ POST ['btnstart']',echo null。Can you help me? – user3118482

+0

如果是你想要的,請接受答案:)顯示完整的代碼,你想獲得文本框的值 – user2936213

+0

上面顯示的完整代碼〜謝謝 – user3118482

1

你可以試試這個,

我怎麼能禁止在該BTN2之前的onclick BTN1?

新增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;"/>'; 
+0

我做到了,謝謝。但我不能得到的文本框的值如果(isset($ _ POST ['btnstart'],回顯null。可以幫我嗎? – user3118482

+0

獲取文本框的值'echo $ _POST ['tb1'];' –

+0

echo nothing ... – user3118482

-1

我放在jQuery的一個例子。 jQuery比普通的Javascript更容易。不要忘了,jQuery的仍然是JavaScript,但隨後與已命名的做好自己的函數功能:

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

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

做codecadamy.com培訓,其非常有幫助,容易跟蹤和非常快的。

我放在一個例子,jQuery的你: JSFiddle

+0

當它可以在一行中完成時,不需要做太多的編碼:) – user2936213

+0

它不是一行,我在說什麼是使用jQuery更容易所以如果一個初學者需要立即完成的事情,那麼學習jQuery比學習JS更容易;) –

0

嘗試jQuery的

第一次加載HTML與提交按鈕2禁用

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" />'; 

然後使用jQuery

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

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

禁用點擊提交對接打開並啓用其他提交按鈕