2016-12-12 12 views
2

ラベルの色を変更したいときにこのJavaScriptコードに問題がありますが、動作していませんが、ボタンの機能後にfalseを返すとボタンのコードになります onclick =「MyFunctionを(); falseを返す」>JavaScriptのラベルの色を変更する方法

を保存しますが、同じコードがfalseを返す作業ですが、無効なボタンが のonclick =開けません「のMyFunctionを();」>私は間違っ を保存し、助けてください、のおかげで

<?php 
$isSaveDisabled = true; 
$isCreateDisabled=false; 
if(isset($_POST['save'])) 
    { 
     echo 'Hello robin'; 
     $isCreateDisabled=false; 
    } 
if(isset($_POST['create'])) 
    { 
     echo 'Byeeee robin'; 
     $isSaveDisabled = false; 
    } 

?> 

<!DOCTYPE html> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <link rel="stylesheet" href="BootStrap/css/bootstrap.min.css"> 
     <link rel="stylesheet" href="css/stylesheet.css"> 
     <title></title> 
     <script type="text/javascript"> 

     function myFunction() 
     { 
      document.getElementById("myH2").style.color = "#ff0000"; 

     } 

     </script> 
    </head> 
    <body > 
     <div class="container jumbotron"> 

     <form action="" method="post"> 

      <div class="btn-group-xs"> 
       <label for="name" id="myH2">Name</label> 
       <input type="text" name="name" > 
      <button type="submit" id="btn1" name="save" <?php echo $isSaveDisabled?'disabled':''; ?>onclick="myFunction();">Save</button> 
      <button type="submit" id="btn2" name="create" <?php echo $isCreateDisabled?'disabled':'';?>>Create</button> 
      </div> 


     </form> 
     </div> 


    </body> 
</html> 
+0

をあなたは 'falseを返す使用するときにページをリロードしてしなければならないので、あなたは'タイプ= "submit'を使用している;'それはこのフォームでボタンのデフォルトのアクションは – Satpal

+0

を提出キャンセルありがとうございます。しかし、私はこのコードで何をしているのですか?私のサブミットボタンは正しく機能し、javascriptもラベルの色を変えることができます。 – user3526020

+0

あなたは両方を持つことはできません.....問題はホワイトボードです。あなたがJavaScriptを実行するにはどうすればいいのですか?通常、ページを更新する必要があるときにサーバー側でクラスを適用させます。クライアント側のlocalstorageに状態を保存してページの読み込みに読み込む方法や、ページ全体をリロードするのではなくAjaxを使う方法があります。 – epascarello

答えて

1

Asvanceあなたはこの例を使用している:http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_style_color

元のコードを参照するだけで、ボタンタイプは送信ではなくボタンであることがわかります。

だから、これは動作します:

<button type="button" id="btn1" ...and the rest as in your code 
+0

あなたは正しい友人であり、あなたの与えられたコードが適切に動作しますが、私はtype = 'submit' not buttonを使用したいと思います。なぜなら私は、テキストボックスにuser_idを生成するボタンを押して、私がcreateボタンを押したときに両方がうまく動作するようにしたいからです。しかし、残念なことに1つの関数しか実行されていませんが、これについては何をしていますか?あらかじめこの問題に取り組んでいます。 – user3526020

+0

@ user3526020 onsubmitを実行する必要がある関数の後にその関数を実行するだけです。複数の関数を実行するには、onclick = "myFunction(); mySecondFunction();" – K48

関連する問題