Sollwert von Checkbox Javascript/Jquery

Question

Das ist mein jsp Code mit Kontrollkästchen

<div class="col-md-2 right2 fon"> 
    <h6>Clinical Practice/Procedure</h6> 
     <hr> 
      <p><input type="hidden" name="clinicalStat" id="clinicalStat" value="0"></p> 
      <p><input type="checkbox" name="clinicalDoc" class="clinicalCheck" id="clinicalDoc" value="0">Documentation</p> 
      <p><input type="checkbox" name="clinicalMiss" class="clinicalCheck" id="clinicalDoc" value="0">Missing Files</p> 
      <p><input type="checkbox" name="clinicalPol" class="clinicalCheck" id="clinicalDoc" value="0" > Policy not available</p> 
      <p><input type="checkbox" name="clinicalMed" class="clinicalCheck" id="clinicalDoc" value="0" > Medical records unavailable</p> 
      <p><input type="checkbox" name="clinicalCon" class="clinicalCheck" id="clinicalDoc" value="0" > Confidentiality</p> 
      <p><input type="checkbox" name="clinicalProc" class="clinicalCheck" id="clinicalDoc" value="0">Procedures not followed</p> 
      <p><input type="hidden" name="clinicalVals" id="clinicalVals" value="0"></p> 
      <p><input type="checkbox" id="checkBox" onclick="EnableDisableTextBox(this)" > Other (Specify)</p> 
      <p><input type="text2" id="text" name="incidentClassClinicalVal" disabled="disabled" style="width: 92%"></p> 
    </div> 

Ich möchte mit Alarmwert des ausgewählten Kontrollkästchen bekommen. Ich speichere diesen Wert in checked1 und ich möchte den Wert von checked1 zu einer anderen Variablen checkedval übergeben. Wenn ich versuche, die checkedvalalert zeigt es mir mit dem Fehler "undefined"

Der Anfangswert der Checkbox 0 ist. Wie ändere ich den Wert auf 1, wenn wir darauf klicken?

Dies ist mein JavaScript-Code:

$(":checkbox").click(function() 
    { 
     //alert(" you checked"); 
     if(this.checked) 
      { 

      var checked1=document.getElementById('clinicalDoc').value; 
      alert("The value for selected checkbox = "+checked1); 

      var checkedval=$("#checked1").val('1'); 
       alert("checkedval="+checkedval); 
       } 
    }); 

Answer 1

idunique sein sollte. Die Lösung besteht darin, das Schlüsselwort this zu verwenden, das eine Referenz auf das aktuelle Objekt darstellt.

Als @Alive vorgeschlagen, um zu sterben, sollten Sie nur jQuery oder Javascript verwenden, verwenden Sie-eine vollständig.

Wenn Sie überprüfen wollen, ob checkbox geprüft Sie jQueryis Funktion nutzen zu können.

if($(this).is(':checked')){ 
    //code 
} 

$(":checkbox").click(function(){ 
 
    //alert(" you checked"); 
 
    if($(this).is(':checked')) 
 
    { 
 
     var checked1=$(this).val(); 
 
     alert("The value for selected checkbox = "+checked1); 
 
     $(this).val('1'); 
 
     alert("checkedval="+$(this).val()); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="col-md-2 right2 fon"> 
 
    <h6>Clinical Practice/Procedure</h6> 
 
    <hr> 
 
     <p><input type="hidden" name="clinicalStat" id="clinicalStat" value="0"></p> 
 
     <p><input type="checkbox" name="clinicalDoc" class="clinicalCheck" value="0">Documentation</p> 
 
     <p><input type="checkbox" name="clinicalMiss" class="clinicalCheck" 
 
     value="0">Missing Files</p> 
 
     <p><input type="checkbox" name="clinicalPol" class="clinicalCheck" 
 
     value="0" > Policy not available</p> 
 
     <p><input type="checkbox" name="clinicalMed" class="clinicalCheck" 
 
     value="0" > Medical records unavailable</p> 
 
     <p><input type="checkbox" name="clinicalCon" class="clinicalCheck" 
 
     value="0" > Confidentiality</p> 
 
     <p><input type="checkbox" name="clinicalProc" class="clinicalCheck" 
 
     value="0">Procedures not followed</p> 
 
     <p><input type="hidden" name="clinicalVals" id="clinicalVals" value="0"></p> 
 
     <p><input type="checkbox" id="checkBox" onclick="EnableDisableTextBox(this)" > Other (Specify)</p> 
 
     <p><input type="text2" id="text" name="incidentClassClinicalVal" disabled="disabled" style="width: 92%"></p> 
 
    </div>