Javascript funktioniert nicht beim Versuch, Radio-Button zu deaktivieren

Warum funktioniert meine js nicht, was habe ich verpasst? im Versuch, deaktivieren Radio zu machen, wenn ich mein Radio klicken aber seine nicht funktioniertJavascript funktioniert nicht beim Versuch, Radio-Button zu deaktivieren

Hoffnung mir hier jemand helfen würde danke

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>

, dass mein Code ist mir bitte helfen

hoffe, meine Erklärung ist für alle klar

danke

Quelle

2017-02-07 saintadjie

Wenn ich laufe das Snippet ich diese Fehlermeldung angezeigt: "Uncaught Reference: Tester ist nicht definiert". Scheint wie Ihre Funktion nicht schien. Versuchen Sie, es in '' – DanilGholtsman

zu setzen Beachten Sie, beide 'Form' Elemente haben den gleichen Wert für' name' Attribut, '" form1 "'. 'input' Elemente mit' name' '" soptradio "' sind untergeordnete Elemente von 'document.forms [1]', nicht 'document.forms [0]' – guest271314

Sie müssen beim Deaktivieren auf Formulare [1] (zweites Formular) verweisen. Bitte beachten Sie den geänderten Code unter:

 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>

Quelle

2017-02-07 07:49:51

Javascript funktioniert nicht beim Versuch, Radio-Button zu deaktivieren

Antwort

Verwandte Themen