jQuery verwenden dynamisch erstellt ID

Question

Ich versuche, dynamisch erstellte IDs in JavaScript-Funktion zu verwenden, aber es funktioniert nicht. Ich dachte, dass das Voranstellen # zu Zeichenfolge ID funktionieren sollte, aber es ist nicht.

Code:

var IterateCheckedDatesAndUncheckWithSameValue = function (elementNumber) { 

    idCheckBoxToCompare = "CMP_KD1_tcDE_tctpDNDR_chkDNDRDay" + elementNumber.toString(); 
    if ($("'#" + idCheckBoxToCompare + "'").prop('checked') === false) { 
    return; 
    } 

    textBoxID = "CMP_KD1_tcDE_tctpDNDR_txtDNDRDay" + elementNumber.toString(); 
    textBoxValue = $("'#" + textBoxID + "'").val(); 

    for (i = 1; i < 8; i++) { 

    if (i !== elementNumber) { 
     idCheckBox = "CMP_KD1_tcDE_tctpDNDR_chkDNDRDay" + i.toString(); 
     idInputBox = "CMP_KD1_tcDE_tctpDNDR_txtDNDRDay" + i.toString(); 
     inputBoxValue = $("'#" + idInputBox + "'").val(); 

     if ($("'#" + idCheckBox + "'").prop('checked') === true) { 
     if (inputBoxValue === textBoxValue) { 

      $("'#" + idCheckBox + "'").prop('checked', false); 
     } 
     } 
    } 
    } 
} 

Ich habe versucht gleiche ID zu bauen, wie das ist:

'#testid' 

so würde Nutzung sein:

$('#testid') 

Aber es funktioniert nicht. Wie verwendet man richtig dynamisch erstellte IDs?

Answer 1

Ihr Code sehen kompliziert mit vielen ist " und '. Javascript kann auch String und Nummer eingeben, indem Sie einfach + verwenden. Keine Notwendigkeit, es zuerst in eine Zeichenfolge umzuwandeln. Also habe ich es aktualisiert, um es lesbarer zu machen.

Versuchen Sie, diese

var IterateCheckedDatesAndUncheckWithSameValue = function(elementNumber) { 

    idCheckBoxToCompare = "CMP_KD1_tcDE_tctpDNDR_chkDNDRDay" + elementNumber; 
    if ($('#' + idCheckBoxToCompare).prop('checked') === false) { 
     return; 
    } 

    textBoxID = "CMP_KD1_tcDE_tctpDNDR_txtDNDRDay" + elementNumber; 
    textBoxValue = $('#' + textBoxID).val(); 

    for (i = 1; i < 8; i++) { 

     if (i !== elementNumber) { 
      idCheckBox = "CMP_KD1_tcDE_tctpDNDR_chkDNDRDay" + i; 
      idInputBox = "CMP_KD1_tcDE_tctpDNDR_txtDNDRDay" + i; 
      inputBoxValue = $('#' + idInputBox).val(); 

      if ($('#' + idCheckBox).prop('checked') === true) { 
       if (inputBoxValue === textBoxValue) { 
        $('#' + idCheckBox).prop('checked', false); 
       } 
      } 
      console.log('#' + idCheckBox); //print here just to see the id results 
     } 
    } 
} 

ID in html kann nur ein Element pro Seite sein. Stellen Sie also sicher, dass die von dieser Methode generierten ID nicht mit anderen übereinstimmen.

JQuery-Selektor kann String-Variable lesen.

So können Sie nur var id = "#test" tun. Dann stell es so ein $(id).

Oder

var id = "test"; dann $("#"+test).

Answer 2

Ich habe das gleiche Problem mit Jquery .Try $(document).getElementbyId('myid'). Hoffe Hilfe.

bearbeiten ändern: $ ("#" + idCheckBoxToCompare) von $ (document) .getElementbyId (idCheckBoxToCompare)

Answer 3

verwenden,

var IterateCheckedDatesAndUncheckWithSameValue = function (elementNumber) { 

    idCheckBoxToCompare = "CMP_KD1_tcDE_tctpDNDR_chkDNDRDay" + elementNumber.toString(); 
    if ($("#" + idCheckBoxToCompare).prop('checked') === false) { 
     return; 
    } 

    textBoxID = "CMP_KD1_tcDE_tctpDNDR_txtDNDRDay" + elementNumber.toString(); 
    textBoxValue = $("#" + textBoxID).val(); 

    for (i = 1; i < 8; i++) { 

     if (i !== elementNumber) { 
      idCheckBox = "CMP_KD1_tcDE_tctpDNDR_chkDNDRDay" + i.toString(); 
      idInputBox = "CMP_KD1_tcDE_tctpDNDR_txtDNDRDay" + i.toString(); 
      inputBoxValue = $("#" + idInputBox).val(); 

      if ($("#" + idCheckBox).prop('checked') === true) { 
       if (inputBoxValue === textBoxValue) { 

        $("#" + idCheckBox).prop('checked', false); 
       } 
      } 
     } 
    } 
}