jspファイルでJavascript関数が動作しません

Question

javascript関数を実行していないJSPファイルがあります。それはhtmlファイルの中で働いていました。ここにこれを作成するために使用されるhtmlとjavascriptがあります。 javascriptは、ラジオボタンがクリックされたときにフォームの部品の可視性を切り替えます。

<script language="Javascript"> 
    //How many Questions 
    function CTDefault(){ 
     document.getElementById("CTDefault").style.visibility="visible"; 
     document.getElementById("CTManual").style.visibility="hidden"; 
     document.getElementById("CTFile").style.visibility="hidden"; 
    } 
    //Manual 
    function CTManual(){ 
     document.getElementById("CTDefault").style.visibility="hidden"; 
     document.getElementById("CTManual").style.visibility="visible"; 
     document.getElementById("CTFile").style.visibility="hidden"; 
    } 
    //Load Data from Form 
    function CTFile(){ 
     document.getElementById("CTDefault").style.visibility="hidden"; 
     document.getElementById("CTManual").style.visibility="hidden"; 
     document.getElementById("CTFile").style.visibility="visible"; 
    } 
</script> 
<!--Buttons--> 
<div id="enterDataToggle" class="btn-group" data-toggle="buttons" > 
<!--Default--> 
<label class="btn btn-default active" id="checkin-label"> 
    <input type="radio" onClick="CTDefault()" checked> Default 
</label> 

<!--Input Data Manually--> 
<label class="btn btn-default active" id="checkin-label"> 
    <input type="radio" checked onClick="CTManual()"> 
    Input Data Manually 
</label> 

<!--Load Data from File--> 
<label class="btn btn-default active" id="checkin-label" 
    <input type="radio" value="checking" onClick="CTFile()"> 
        Load Data from File 
</label> 

</div> 

<!-- CT Input Data Default--> 
<div style= "visibility:hidden; position:absolute" id="CTDefault"> 
    <h4>Default-If you don't have this data, we have data for you. You do not have to do anything else. If you have data please click input data manually or load data from file.</h4> 
</div> 

<!--CT Manually--> 
<div style=" position:absolute" id="CTManual"> 
    <table class="table table-bordered table-striped"> 
     <thead> 
      <tr> 
       <th>Mean</th> 
       <th>Standard Deviation</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <th> 
        <input name="CTMean" type="text" style="width:100%" required> 
       </th> 
       <th> 
        <input name="CTStd" type="text" style="width:100%" required> 
       </th> 
      </tr> 
     </tbody> 
    </table> 
</div> 

ご協力いただきましてありがとうございます。 :)

Answer 1

あなたは、HTMLタグの後にスクリプトを宣言するかもしれない場合：

<!--Buttons--> 
<div id="enterDataToggle" class="btn-group" data-toggle="buttons" > 
<!--Default--> 
<label class="btn btn-default active" id="checkin-label"> 
    <input type="radio" name="option" onClick="CTDefault()" checked> Default 
</label> 

<!--Input Data Manually--> 
<label class="btn btn-default active" id="checkin-label"> 
    <input type="radio" name="option" checked onClick="CTManual()"> 
    Input Data Manually 
</label> 

<!--Load Data from File--> 
<label class="btn btn-default active" id="checkin-label"> 
    <input type="radio" name="option" value="checking" onClick="CTFile()"> 
        Load Data from File 
</label> 

</div> 

<!-- CT Input Data Default--> 
<div style= "visibility:hidden; position:absolute" id="CTDefault"> 
    <h4>Default-If you don't have this data, we have data for you. You do not have to do anything else. If you have data please click input data manually or load data from file.</h4> 
</div> 

<!-- CT Input Data Default--> 
<div style= "visibility:hidden; position:absolute" id="CTFile"> 
    <h4>CTFile.</h4> 
</div> 

<!--CT Manually--> 
<div style=" position:absolute" id="CTManual"> 
    <table class="table table-bordered table-striped"> 
     <thead> 
      <tr> 
       <th>Mean</th> 
       <th>Standard Deviation</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <th> 
        <input name="CTMean" type="text" style="width:100%" required> 
       </th> 
       <th> 
        <input name="CTStd" type="text" style="width:100%" required> 
       </th> 
      </tr> 
     </tbody> 
    </table> 
</div> 
<script language="Javascript"> 
    //How many Questions 
    function CTDefault(){ 
     document.getElementById("CTDefault").style.visibility="visible"; 
     document.getElementById("CTManual").style.visibility="hidden"; 
     document.getElementById("CTFile").style.visibility="hidden"; 
    } 
    //Manual 
    function CTManual(){ 
     document.getElementById("CTDefault").style.visibility="hidden"; 
     document.getElementById("CTManual").style.visibility="visible"; 
     document.getElementById("CTFile").style.visibility="hidden"; 
    } 
    //Load Data from Form 
    function CTFile(){ 
     document.getElementById("CTDefault").style.visibility="hidden"; 
     document.getElementById("CTManual").style.visibility="hidden"; 
     document.getElementById("CTFile").style.visibility="visible"; 
    } 
</script> 

あなたplunker：https://plnkr.co/edit/m0f9XPdA4t85mYJpizl4?p=preview

PS：

• つのラベルのタグが正しく閉じられていませんでした
• IDのある要素CTFileがあなたの例に存在しません
• ラジオボタンに固有の名前を付ける必要があります