2016-08-03 12 views
0

Ich möchte den Wert des aktuellen Elements, auf das geklickt werden soll. Ich habe eine Liste von Checkboxen und Auswahl von jedem Ich möchte die ID davon erhalten, die ausgeblendet ist. My-Code lautet wie folgt:Wie bekomme ich die ID des aktuellen Elements geklickt?

$("#ModelListView").on("click", ".ModelCheckBox", function (element) { 
    var AnalysisID = $("#AnalysisID").val(); 
    var ModelID = ''; 
}); 

HTML:

<div id="ModelListView"></div> 
<script type="text/x-kendo-template" id="Modeltemplate"> 
    <div class="section group fr"> 
     <div class="col span_2_of_12"> 
      #if(ACTIVE_MODELS_COUNT > 0){# <input class="ModelCheckBox" type="checkbox" checked/>#} else {# <input class="ModelCheckBox" type="checkbox" unchecked/> #}# 
     </div> 
     <div class="col span_4_of_12"><label>#:MODEL#</label></div> 
     <input id="Model_ID" type="hidden" value=#:MODEL_ID#/> 
    </div> 
    </script> 

Ich mag den Wert von Model_ID erhalten, die versteckt gehalten wird.

+0

var ModelID = $ ("# AnalysisID"). Attr ('Wert'); – siva

+0

Verwenden Sie diese 'var ModelID = $ (this) .parent(). Next ('# Model_ID'). Val()' – guradio

+0

@guradio, der Wert ist nicht definiert – SantyEssac

Antwort

1

Sie können $(this) verwenden und die nächste erhalten.

$(this) wird das Element sein, auf das geklickt wurde.

.closest('.section.group') wird die "section group" -Div. Vielleicht möchten Sie stattdessen #ModelListView verwenden. section.group.

.find('#Model_ID').val() wird den Wert des versteckten Feldes zurückgeben.

$("#ModelListView").on("click", ".ModelCheckBox", function (element) { 
 
    var AnalysisID = $("#AnalysisID").val(); 
 
    var ModelID = $(this).closest('.section.group').find('#Model_ID').val(); 
 
    alert(ModelID); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="ModelListView"> 
 
    <div class="section group fr"> 
 
     <div class="col span_2_of_12"> 
 
      <input class="ModelCheckBox" type="checkbox" checked/> 
 
     </div> 
 
     <div class="col span_4_of_12"><label>Label</label></div> 
 
     <input id="Model_ID" type="hidden" value="someValue"/> 
 
    </div> 
 
    </div>

Nebenbei bemerkt: beachten Sie eine ID in einer Vorlage zu verwenden.

+0

Vielen Dank :) Jetzt habe ich auf Class = "Model_ID" geändert – SantyEssac

Verwandte Themen