значения Кнопки пусто при использовании JQuery селектор

Question

я пытаюсь выбрать значение для выбранной кнопки, как следующее:

HTML код:

<div class="span3"> 
      <div>DEBIT/CREDIT</div> 
      <div class="btn-group" data-toggle="buttons-radio" id="investadjust-debitcredit-button"> 
       <button name="debitCredit" type="button" id="credit-button" class="btn active" value="CREDIT" >CREDIT</button> 
       <button name="debitCredit" type="button" id="debi-button" class="btn" value="DEBIT" >DEBIT</button> 
      </div> 
     </div> 

Javascript код:

$("#investadjust-debitcredit-button>.active").val() 

но я получаю только empty, когда я напечатал вышеприведенную строку после выбора одной кнопки.

какой может быть причина.

Answer 1

Как нео сказал, что вы должны поместить свой код в документе готовой функции и использовать имя класса кнопки без пробелов или вы можете добавить подчеркивания между словами, как ну как это:

<button name="debitCredit" type="button" id="credit-button" class="btn_active" value="CREDIT" >CREDIT</button> 

Таким образом, код выглядит:

$(document).ready(function(){ 
    alert("value "+$("#investadjust-debitcredit-button>.btn_active").val()); 
}); 

Удачи!

Answer 2

вам нужно разместить код в

$(document).ready(function(){ 
// your jquery code 
});