2017-08-09 5 views
-3

ラジオボタンを選択した後、次のボタンを有効にするにはどうすればよいですか? JSラジオボタンを選択した後、次のボタンを有効にするにはどうすればよいですか?

<form name="voting"> 

    <input type="radio" class="btn" value="yes" name="aaa" />yes<br> 
    <input type="radio" class="btn" value="no" name="aaa" />no<br> 
    <input type="button" class="btn" value="next" /> 
</form> 
+2

disabledプロパティを設定追加し、あなたは何を試してみましたか? – j08691

+0

ラジオボタンにオンの変更ハンドラがあります。あなたが私たちにあなたが既に何かをしていることを示すなら、私たちはあなたにもっと多くを助けます。 – marcramser

答えて

0

とステップ形式でステップで はボタンにdisabledプロパティを追加します。その後、変更&のイベントハンドラがfalse

$(".aaa").change(function() { 
 
    $(".next").prop('disabled',false); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form name="voting"> 
 

 
    <input type="radio" class="btn aaa" value="yes" name="aaa" />yes<br> 
 
    <input type="radio" class="btn aaa" value="no" name="aaa" />no<br> 
 
    <input type="button" class="btn next" value="next" disabled="disabled"/> 
 
</form>

+0

'.is(":checked ")'は必要ありません。ラジオのチェックを外すことはできません。 'prop()'の使用もより一般的なアプローチ – charlietfl

+0

ありがとう@charlietfl私は答えを更新しました – Omi

関連する問題