入力に値が入力されたときに数値入力にクラス名を追加

Question

純粋なJSを使用して、入力が値を持つときにクラスを数値入力に追加しようとしています。 JSの最初の部分（ "checked"状態を追加する）は機能していますが、クラス名（ "selected"）を追加する部分は適用されません。私が間違っていることは何ですか？

これは、ラジオと数字の組み合わせの入力です。したがって、余分な入力タイプです。

function select_radio_item_other_button(text_obj, radio_but) 
{ 
    if (document.getElementById) 
    { 
     el = document.getElementById(radio_but); 
     if (el.checked) 
      return; 
     if (text_obj.value != '') 
      el.checked = true; 
     text_obj.className += " selected"; 
    } 
} 

そして

<div class="other"> 
    <input type="radio" name="radio_21" id="radio_21_22" checked="checked"> 
    <label for="radio_21_22" id="radio_21_22_amt"> 
    <input type="number" style="padding-left:0;" name="radio_21_22_amt" id="radio_21_22_amt" value="" min="0" max="50000000" step="1" onblur="javascript:select_radio_item_other_button(this, 'radio_21_22')"> 
    </label> 
</div> 

Answer 1

ブラケットは、おそらく、このような何か、また

function select_radio_item_other_button(text_obj, radio_but) { 
    if (document.getElementById) { 
     el = document.getElementById(radio_but); 

     if (el.checked) { 
      return; 
     } 

     if (text_obj.value != '') { 
      el.checked = true; 
      text_obj.className += " selected"; 
     } 
    } 
} 

ない返すことになっているが、あなたが何をしようとしていたものをif (document.getElementById)わから少しオフになっているHTMLここで成就する？それは本当に評価されますが、それは意図しない目的のようです！

希望すると便利です。

Answer 2

おかげで、すべての - 私はあなたの応答の組み合わせを使用するが、これは働いている： `el.checked`がtruthyとき

function select_radio_item_other_button(text_obj, radio_but) 
{ 
    var el = document.getElementById(radio_but); 

    if (text_obj.value != '') { 
     el.checked = true; 
     text_obj.className += " selected"; 
    } 
}