ラジオボタンを無効にしようとするとjavascriptが機能しない

Question

なぜ私のjsが機能しないのですか？私は私のラジオをクリックすると無効にラジオを作る が、その作業をしないようにしようと イム

誰かが私をここに役立つだろう

希望私のコード だ

function tester() { 
 
    for (var i = 0; i < document.forms[0].elements.length; i++) { 
 
     if (document.forms[0].elements[i].name == "optradio1") { 
 
     if (document.forms[0].elements[i].value == "pinjdn") { 
 
      if (document.forms[0].elements[i].checked == true) { 
 

 
      document.forms[0].soptradio[0].disabled = true; 
 
      document.forms[0].soptradio[1].disabled = true; 
 
      document.forms[0].soptradio[2].disabled = true; 
 
      document.forms[0].soptradio[3].disabled = true; 
 
      } 
 
     } else if (document.forms[0].elements[i].value == "hibahln") { 
 
      if (document.forms[0].elements[i].checked == true) { 
 
      document.forms[0].soptradio[0].disabled = false; 
 
      document.forms[0].soptradio[1].disabled = false; 
 
      document.forms[0].soptradio[2].disabled = false; 
 
      document.forms[0].soptradio[3].disabled = false; 
 
      } 
 
     } 
 
     } 
 
    } 
 
    }

<div class="col-sm-6 well"> 
 
    <div class="row"> 
 
    <form name="form1" method="post" action=""> 
 
     <table class="table table-striped"> 
 
     <tr> 
 
      <th>Beban</th> 
 
      <th> 
 
      <label> 
 
       <input type="radio" name="optradio1" value="rm" id="hide">RM</label> 
 
      <label> 
 
       <input type="radio" name="optradio1" value="pinjln" id="show">Pinj LN</label> 
 
      <label> 
 
       <input type="radio" name="optradio1" value="localcost" id="show2">Local Cost</label> 
 
      <label> 
 
       <input type="radio" name="optradio1" value="pnbp" id="hide2">PNBP</label> 
 
      <label> 
 
       <input type="radio" name="optradio1" value="pinjdn" id="show3" onClick="tester()">Pinj DN</label> 
 
      <label> 
 
       <input type="radio" name="optradio1" value="hibahdn" id="hide3">Hibah DN</label> 
 
      <label> 
 
       <input type="radio" name="optradio1" value="hibahln" id="show4" onClick="tester()">Hibah LN</label> 
 
      </th> 
 
     </tr> 
 
     </table> 
 
    </form> 
 
    </div> 
 
    <div class="row"> 
 
    <div class="abc"> 
 
     <div class="col-sm-12"> 
 

 

 
     <form name="form1" method="post" action=""> 
 
      <table class="table table-striped"> 
 
      <tr> 
 
       <div class="radio"> 
 
       <th>Jenis Bantuan</th> 
 
       <th> 
 
        <label> 
 
        <input type="radio" name="soptradio">Pinjaman Valas</label> 
 
        <label> 
 
        <input type="radio" name="soptradio" checked>Pinj. RPLN</label> 
 
        <label> 
 
        <input type="radio" name="soptradio">Hibah Valas</label> 
 
        <label> 
 
        <input type="radio" name="soptradio">Hibah RPLN</label> 
 
       </th> 
 
       </div> 
 
      </tr> 
 
      </table> 
 
     </form>

が

私を助けてください はあなたに感謝

私の説明は誰にとっても明白です。

ありがとうございます

Answer 1

無効にしている間にフォーム[1]（2番目のフォーム）を参照する必要があります。 「キャッチされていないにReferenceError：テスターが定義されていない」私はこれらのエラーを参照してくださいスニペットを実行すると

 function tester() 
 
    { 
 
    for(var i=0;i<document.forms[0].elements.length;i++) 
 
     { 
 
     if(document.forms[0].elements[i].name=="optradio1") 
 
     { 
 
     if(document.forms[0].elements[i].value=="pinjdn") 
 
     { 
 
      if(document.forms[0].elements[i].checked==true){ 
 
     
 
      document.forms[1].soptradio[0].disabled=true; 
 
      document.forms[1].soptradio[1].disabled=true; 
 
      document.forms[1].soptradio[2].disabled=true; 
 
     \t \t document.forms[1].soptradio[3].disabled=true; 
 
      } 
 
     } 
 
      else if(document.forms[0].elements[i].value=="hibahln") 
 
     { 
 
      if(document.forms[0].elements[i].checked==true){ 
 
      document.forms[1].soptradio[0].disabled=false; 
 
      document.forms[1].soptradio[1].disabled=false; 
 
      document.forms[1].soptradio[2].disabled=false; 
 
     \t \t document.forms[1].soptradio[3].disabled=false; 
 
    \t } 
 
    \t } 
 
    } 
 
    } 
 
    }

<div class="col-sm-6 well"> 
 
     <div class="row"> 
 
      <form name="form1" method="post" action=""> 
 
      <table class="table table-striped"> 
 
       <tr> 
 
        <th> 
 
         Beban 
 
        </th> 
 
        <th> 
 
         <label> 
 
          <input type="radio" name="optradio1" value="rm" id="hide">RM</label> 
 
         <label> 
 
          <input type="radio" name="optradio1" value="pinjln" id="show">Pinj LN</label> 
 
         <label> 
 
          <input type="radio" name="optradio1" value="localcost" id="show2">Local Cost</label> 
 
         <label> 
 
          <input type="radio" name="optradio1" value="pnbp" id="hide2">PNBP</label> 
 
         <label> 
 
          <input type="radio" name="optradio1" value="pinjdn" id="show3" onclick="tester()">Pinj 
 
          DN</label> 
 
         <label> 
 
          <input type="radio" name="optradio1" value="hibahdn" id="hide3">Hibah DN</label> 
 
         <label> 
 
          <input type="radio" name="optradio1" value="hibahln" id="show4" onclick="tester()">Hibah 
 
          LN</label> 
 
        </th> 
 
       </tr> 
 
      </table> 
 
      </form> 
 
     </div> 
 
     <div class="row"> 
 
      <div class="abc"> 
 
       <div class="col-sm-12"> 
 
        <form name="form1" method="post" action=""> 
 
        <table class="table table-striped"> 
 
         <tr> 
 
          <div class="radio"> 
 
           <th> 
 
            Jenis Bantuan 
 
           </th> 
 
           <th> 
 
            <label> 
 
             <input type="radio" name="soptradio">Pinjaman Valas</label> 
 
            <label> 
 
             <input type="radio" name="soptradio" checked>Pinj. RPLN</label> 
 
            <label> 
 
             <input type="radio" name="soptradio">Hibah Valas</label> 
 
            <label> 
 
             <input type="radio" name="soptradio">Hibah RPLN</label> 
 
           </th> 
 
          </div> 
 
         </tr> 
 
        </table> 
 
        </form> 
 
       </div> 
 
      </div> 
 
     </div> 
 
    </div>