jQueryでdisabledをinputの内容に応じて解除したい

Question

問題のコード

  <ul>
    <li><label for="age"><input type="radio" name="age" value="0">30代</label></li>
    <li><label for="age"><input type="radio" name="age" value="0">40代</label></li>
    <li><label for="age"><input type="radio" name="age" value="0">50代</label></li>
    <li><label for="age"><input type="radio" name="age" value="0">60代</label></li>
    <li><label for="age"><input type="radio" name="age" value="0">70代</label></li>
  </ul>
<input type="button" value="次へ" class="next" id="nextBtn" disabled><!-- disabled追加しました -->

$('input[name=age]').change(function() {

    //disabled属性の状態を取得する
    var result = $('#nextBtn').prop('disabled');

    if(result) {
        //disabled属性を付与する
        $('#nextBtn').prop('disabled', false);
    }
    else {
        //disabled属性を解除する
        $('#nextBtn').prop('disabled', true);
    }
})

チェックされる前は#nextBtnをdisabledにし、
チェックされたら#nextBtnをdisabledを解除したいです。

上記のコードで実装してもdisabledが解除されません。
コードに問題があるでしょうか？

Comments

[int32_t]

質問はなんでしょうか?
質問文のコードに何か問題があるのでしょうか?

[shin12t]

コードに問題があるのかと思うのですが・・・

Answer 1

  <ul>
    <li><label for="age"><input type="radio" name="age" value="0">30代</label></li>
    <li><label for="age"><input type="radio" name="age" value="0">40代</label></li>
    <li><label for="age"><input type="radio" name="age" value="0">50代</label></li>
    <li><label for="age"><input type="radio" name="age" value="0">60代</label></li>
    <li><label for="age"><input type="radio" name="age" value="0">70代</label></li>
  </ul>
<!-- ボタンは初期でdisabledに設定 -->
<input type="button" value="次へ" class="next" id="nextBtn" disabled>

$('input[name=age]').change(function() {

    //disabled属性の状態を取得する
    var result = $('#nextBtn').prop('disabled');

    if(result) {
        //disabled属性を付与する
        $('#nextBtn').prop('disabled', false);
    }
    /*else {
        //disabled属性を解除する
        $('#nextBtn').prop('disabled', true);
    }*/
})

ボタン状態が有効な場合に、「disable」になるようになっています。
「else」以降をコメントアウトすると、有効なままになるかと思います。
(checkboxで実装していた名残でしょうか？)

Comments

[shin12t]

すみません・・・
自分の他のものが悪いのかradioボタンをチェックしてもdisabledが解除されないですね・・・

[Matsumon0104]

javascriptのelse以降のコメントアウトもしていただけたでしょうか？
また、同一ページにスクリプト内で利用しているセレクタで、ご掲示いただいたhtml以外で取得できてしまうエレメントはないでしょうか？

[shin12t]

＞ご掲示いただいたhtml以外で取得できてしまうエレメントはないでしょうか？
こちらその通りでした！
凡ミスですみません・・・！