get Radiobutton Wert aktiviert oder deaktiviert in jquery

Question

einfaches Szenario:

<div class="question_wrapper"> 
    <input type="text" class="new_question"> 
    <input type="checkbox" class="radioinput" name="new_questionActive[]"> 
</div> 

Ich versuche, auf, um herauszufinden, wie auf den spezifischen Wert dieses Optionsfelds zu erhalten, die dynamisch hinzugefügt wird, jedes Mal wenn ich eine Taste drücken .

Die JavaScript bisher:

$('.new_question').each(function() { 
    var active = $(this).parent().next(".radioinput").attr("checked") ? 1 : 0; 
} 

Aus irgendeinem Grund, es ergibt immer "0" als Wert. Ich habe versucht, mit closest zu arbeiten, versucht, mit siblings, mit next Abhilfe zu schaffen, aber nichts scheint zu funktionieren.

Ich brauche die nächste .radioinput, die direkt die vorherige .new_question folgt.

Was vermisse ich oder mache ich falsch?

aktualisieren 1

wie vorgeschlagen, änderte ich attr-prop, so ist es dies jetzt sieht liegen:

var active = $(this).parent().next(".radioinput").prop("checked") ? 1 : 0; 

Aber noch immer 0

Answer 1

Wie :checkbox ist Geschwister der aktuellen Element, so müssen Sie .next() mit dem aktuellen Element verwenden.

var active = $(this).next(".radioinput").prop("checked") ? 1 : 0; 
 
console.log(active)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="question_wrapper"> 
 
    <input type="text" class="new_question"> 
 
    <input type="checkbox" class="radioinput" name="new_questionActive[]"> 
 
</div>

OR, können Sie .find() verwenden Nachkomme Ziel, statt .next()

var active = $(this).parent().find(".radioinput").prop("checked") ? 1 : 0; 
 
console.log(active)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="question_wrapper"> 
 
    <input type="text" class="new_question"> 
 
    <input type="checkbox" class="radioinput" name="new_questionActive[]"> 
 
</div>